某H5培训机构资料

Web前端工程师教学大纲 V5.4
【培养目标】
就业！这是本课程帮您完成的最终目标。
通过本课程的学习，系统掌握WEB前端开发及后端应用的专业知识和大量实战经验，全方位打造WEB前端开发通用型人才，让你有更多的机会全面接触WEB前端开发领域的各种知识及技能，新加入的后端应用开发知识体系，能让你成为“全栈工程师”，帮助你在4个月的时间内迅速变身为“WEB开发紧缺人才”。
• 熟练掌握HTML4/HTML5核心语言
• 熟练掌握CSS2/CSS3 语言及典型的布局模式
• 熟练掌握SublimeText/VS Code/HBuilder等前端开发工具
• 熟练掌握PS工具，能熟练完成切图，分层图等任务
• 熟练掌握前端开发语言JavaScript，jQuery前端库
• 深度掌握JavaScript语言,能模块化，组件化JavaScript库
• 掌握Ajax应用及Bootstrap响应式页面CSS设计模板库
• 掌握JavaScript高级开发，面向对象高级应用
• 掌握TypeScript编程语言，并能够在主流框架中熟练使用
• 能够使用Canvas/Echarts完成基于H5游戏的开发设计
• 掌握自动化工作流构建工具Gulp/Grunt的使用
• 能够熟练使用NPM/Bower进行包的管理
• 熟练掌握前端主流框架的使用，包含Angular 7.0、Vue.js、React等
• 熟练模块化编程技术，AMD设计规范/CMD设计规范、RequireJS/SeaJS技术
• 掌握移动混合App开发基础，Ionic和React Native技术
• 深度掌握NodeJS模块管理、事件驱动、文件流操作等及其企业应用
• 掌握微信小程序的开发流程及API的使用

【就业方向】
• 互联网门户
• 互联网电商
• SAAS应用
• 页面游戏
• ERP管理
• 移动端App
• 移动端小游戏
• 微信小程序

【入学要求】
•大学专科及专科以上学历，计算机，电子，自动化，通信，信息工程，电商等相关专业。
•如不具备以上条件，但从事1年以上的计算机软硬件开发的技术人员。

【课程大纲】(共计课时540)
 前端开发基础:
目标: 掌握HTML5/CSS3语言核心，典型的页面布局模式，能建立符合根据原型完成静态页面布局。掌握JavaScript语言，DOM编程，jQuery，jQueryUI等。
课程 主要内容 教材 课时数
HTML5语言  HTML语言基础(HTML4/XHTML)
 块级元素、内联元素
 HTML5语言新增特性
 HTML5多媒体操作
 URL/表单/MimeType/字符编码
 WEB服务器与HTTP协议基础 自编讲义 18
CSS2/CSS3 与页面布局  CSS选择器与基础属性
 CSS Sprite技术
 CSS组合选择器与布局属性（定位/浮动）
 CSS盒子模型
 CSS常见布局（两栏，三栏）
 双飞翼/圣杯布局
 CSS3 新属性(边框圆角/边框图片/文本阴影)
 CSS3新增选择器
 CSS3动画（transition/transform/animation）
 CSS3新布局：弹性盒子、多列
 移动端响应式布局
 蘑菇街静态布局设计实战 自编讲义 36
JavaScript语言基础  语法基础：变量、运算符、流程控制语句
 内置函数、自定义函数、函数调用和回调
 DOM编程与BOM编程
 内置对象类型：Object、String、Array、Date、Math、Option等
 正则表达式与表单处理
 原型prototype 自编讲义 78
jQuery与页面交互设计  核心库、选择器、DOM操作
 事件绑定、交互动画
 工具函数
 常用jQuery插件
 自定义jQuery插件 自编讲义 12
UI与交互设计技巧  交互设计基础
 扁平化设计
 Photoshop与UI设计
 切图技巧与交互设计实战
 实战：携程网旅游首页原型设计 自编讲义 18
应用实战  企业网站
 移动端网站
 腾讯首页移动端动画效果
 2048游戏
 Swiper、Layer等插件的使用 30
总课时196

 前端开发进阶:
目标: 掌握PHP基础，进行Web请求的处理与响应，掌握AJAX发送异步请求技术，熟练使用Gulp/Grunt等自动化构建工具，能使用Bootsrap进行响应式布局，掌握JavaScript高级开发，并能够使用Canvas完成基于H5游戏的开发设计，掌握微信小程序开发。
课程 主要内容 教材 课时数
MySQL数据库  MySQL简介和安装
 单表查询、子查询
 多表查询
 更新操作
 表和库的管理 自编讲义 12
PHP基础  核心语法
 使用PHP处理Web请求与响应
 会话控制（session与cookie）
 HTTP协议
 PHP面向对象编程 自编讲义 36
AJAX开发技术  XML简介
 AJAX技术基础
 Ajax请求与浏览器兼容性封装
 jQuery中的Ajax库
 PlainText、JSON数据解析
 JSONP与Ajax请求跨域技术
 前端模板引擎artTemplate 自编讲义 18
Canvas/
ECharts  Canvas简介
 Canvas标签
 基本的绘制路径
 绘制圆形
 Canvas进阶
 ECharts插件
 项目实战：贪吃蛇、五子棋等 自编讲义 12
Bootstrap框架  响应式页面布局基本概念
 栅格布局/响应式布局
 Bootstrap与流式栅格布局实现
 Bootstrap常用模板应用
 Bootstrap响应式页面实战
 LESS/SASS技术 自编讲义 18
依赖管理工具及自动化工作流  Web开发工作流
 NPM/Bower依赖管理工具
 Gulp/Grunt工作流工具
 Git/GitHub 自编讲义 18
JavaScript高级开发  面向对象
 原型链、闭包、作用域链
 属性读写权限、设置器、访问器
 面向对象与设计模式
 单例模式、工厂模式
 ES6/ES7新特性 自编讲义 24
微信小程序  微信小程序简介
 开发环境及工具的安装配置
 官方工具的使用
 微信小程序的设计规范和基本结构
 WXML和WXSS语法规范
 微信小程序API使用
 下拉刷新和上拉加载的实现
 项目的开发流程
 微信小程序的发展 自编讲义 12
应用实战  BBS后台管理系统
 电商平台 自编讲义 30
总课时180

 前端开发高级:
 目标:掌握前端主流框架的使用，包含Angular、Vue.js、React等，模块化编程技术RequireJS/SeaJS，了解移动混合App开发，熟练掌握NodeJS进行项目开发。
课程 主要内容 教材 课时数
NodeJS  Node.js简介、生态圈、io.js
 异步编程，非阻塞I/O
 模块概念，模块管理工具
 全局对象global，process，console，util
 路径操作，序列化和反序列化
 文件流操作 自编讲义 12
Vue.js 2.0  Vue简介
 数据绑定
 生命周期
 事件处理
 组件化
 路由
 Vuex 自编讲义 48
模块化技术  面向模块编程
 AMD设计规范
 CMD设计规范
 RequireJS
 SeaJS（淘宝） 自编讲义 12
Angular 7.0  TypeScript语言
 Angular简介
 MVC/MVVM模式
 数据绑定、作用域、指令
 过滤器、服务
 路由、依赖注入
 AngularJS实战开发 自编讲义 36
前端整站项目实战  企业邮箱客户端（适配移动端）
 微团购管理平台
 品牌特卖网（仿唯品会）
 移动端外卖APP（仿饿了么） 自编讲义 36
总课时162

 职业素养:
 职业导向训练

课程 主要内容 教材 课时数
COT
 软件工程师职业生涯规划、团队建设、团队协作、沟通技巧、商务礼仪
 中英文简历制作、面试技巧
 各大公司面试问题汇总讲解。 自编讲义 -
说明：以上大纲会根据学生情况和企业需求，在上课时作相应调整。
名词解释：
COT：Career oriented Training，职业导向训练
PSP：Personal software process，个体软件过程
TSP：Team software process，团队软件过程
NTC: 新技术概述