为什么很多互联网公司只招HTML5全栈工程师？

全局性思维

现代项目的开发，需要掌握多种技术。现代的Web前端，你需要用到模块化开发、多屏兼容、MVC，各种复杂的交互与优化，甚至要用到Node.js来协助前端开发。这就需要一个人来掌控全局，他不需要是各种技术的人才，但他需要熟悉到各种技术。对于一个团队特别是互联网企业来说，这个人非常非常重要。

创业公司需要全能多面手

对于创业公司，很多工作请人又不饱和，不请人又没法做，外包又不放心质量，虽然说全栈工程师工资会比一般的工程师会高很多，但综合下来，成本会低很多。

降低沟通成本

项目越大，沟通成本越高，做过项目管理的都知道，项目中的人力是1+1 < 2 的，人越多效率越低。因为沟通是需要成本的，不同技术的人各说各话，前端和后端是一定会掐架的。而全栈工程师的成本几乎为零，因为各种技术都懂，胸有成竹，自己就全做了。即使是在团队协作中，与不同技术人员的沟通也会容易得多。

Web应用、移动互联网主宰者

近年来，随着HTML5的快速发展，微软、苹果、谷歌等行业巨头级企业都纷纷向其示好。HTML5全栈工程师相关岗位需求逐年增加，行业岗位薪资直线飙升。

轻量级开发语言 重量级行业地位 HTML5无处不在

从安卓到苹果，从网页到APP，HTML5全栈工程师的能力无限延伸！

微信小程序

引爆新一轮HTML5风潮

移动端应用广泛

手机离线缓存、音频视频、地理定位、Canvas绘图以及大量动效都离不开HTML5

苹果谷歌全面支持HTML5

因为HTML5的“跨平台” 特性让开发轻松快捷

游戏行业需求与日俱增

已风靡世界的HTML5游戏案例：切水果、吃豆人、太空战机、重力感应游戏、超级玛丽、棋类游戏

踏破铁鞋无觅处：HTML5全栈人才重金难求！

单一的前端/后端工程师已无法满足企业需求，HTML5全栈工程师时代已经到来

前端+后端+移动端的全栈型工程师课程 

仅需5个月 引爆你的惊人能量

第一阶段 /HTML5 CSS3

经典表格布局制作简历

1. HTML5简介及发展史 2. HTTP协议介绍 

3. HTTP消息类型 4. 互联网发展形式 

5. web开发所需要的构件 6. 编辑器的使用 

7. HTML基本语法与规范（标签元素、属性） 

8. 第一个HTML网页 9.表格标签

规范代码盒模型布局小米等网站

1. 文档头和编码声明 2. 基础标签 

3. 文本类标签 4. 列表标签 

5. 语义化标签的使用 6. 字符实体 

7. 表格标签 8. HTML5标签的兼容处理 

9. HTML5标签SEO的作用 

10. HTML5表单新特性 11. 多媒体标签

3D旋转+动画制作正方体

1. CSS的定义 2. CSS引入 

3. CSS选择器 4. CSS3与CSS2的区别 

5. 长度单位 6. 颜色单位 

7. 常用属性 8. CSS属性

流行的pc端，App页面响应式布局

1. W3C盒子模型 2. Div+CSS网页布局 

3. 弹性盒子 4. HTML5兼容处理 

5. 使用HTML5布局元素的布局 

6. Media Query响应式布局 

7. 百分比网页布局

工作要求，实战大型电商网站静态页面

1. W3C盒子模型 2. Div+CSS网页布局 

3. 弹性盒子 4. HTML5兼容处理 

5. 使用HTML5布局元素的布局 

6. Media Query响应式布局 

7. 百分比网页布局

第二阶段 /JavaScript jQuery实例

前端核心语言javascript语法

1. JavaScript简介 2. 在页面中使用JavaScript 

3. JavaScript的语法 a) 变量声明规范 b)语句结束 c)脚本注释 d)代码块 e)数据类型 f)类型转换 g)运算符 h)流程控制语句 i）函数 j）内置对象

原生Js功能开发

1. 更换页面皮肤 2. 五彩小球 3. 随机点名器 

4. 轮播图 5. 网站时间显示 6. 商城抢购活动 

7. 购物车的全选、反选、全不选 8. 选项卡

前端后台交互功能开发

9. 进度条 10. 拖拽div 11. 放大镜 12. 城市地址二级、三级联动 13. 随机浮动广告 14. 无缝连接 

15. 仿百度登录

Jquery库交互特效开发

1. JQuery简介 2. JQuery安装 

3. JQuery CSS操作 4. JQuery选择器 5. JQuery筛选 6. JQuery html 文档处理 7. JQuery事件 8. JQuery效果 9. JQuery Ajax 10. JQuery其他操作 11. JQuery插件

工作要求，实战大型电商网站静态页面

1.PS切图 2.CSS重置样式表 3.网页规范 

4.兼容性 5.SASS 6.Compass精灵图 7.代码压缩 

8.常见网站效果 9.rem相对大小布局

第三阶段 /Node.JS MongoDB Express Vue.js

Vue.js前端热组件化开发框架

1. 介绍 2. 安装 3. 模板/数据绑定 4. Class／Style绑定 5. 事件 6. 组件 7. 混合 8. 插件 9. 服务/路由

后端Js-Node.js搭建前端脚手架

1. Node.js简介 2. Node.js安装 3. NPM工具使用 4. 模块、Package 5. 回调函数 6. Buffer，事件 7. 文件处理模块 8. Http，URL，Querystring Path等模块 9. POST/GET请求 10. 安装模板引擎

Mongodb数据库操作

1. NoSQL基础概念 2. MongoDB 简介 3. 数据库、集合、文档概念 4. 数据库操作 5. 集合操作 

6. 文档CURD操作 7. 条件操作符 8. Limit与Skip方法 9. 排序 10. Node.Js的mongoose模块 操作MongoDB

基于node.js搭建express服务器

1. Express 简介 2. 安装 Express 3. 路由 

4. 中间件 5. 视图 6. 模板引擎 7. AJAX 

8. 跨域/JSONP 9. 搜索分页 10. 文件上传 

11. 登陆注册

实战-大型单页应用

1. Web Socket 2. SSE 3. 网络爬虫（实现多人聊天时，服务器主动推送消息） 4. 常用工具使用Webpack 5. 压缩混淆 6. AMD/CMD规范 

7. 结合Vue.JS实现单页面应用 8. Web APP 打包

第四阶段 /HTML5新特性 微信开发 微信小程序

HTML5新特性(1)

1.音频/视频API 2.本地存储LocalStorage 3.Geolocation（地理定位） 4.百度地图API5.浏览器多线程Web Workers6.应用程序缓存（Application Cache）

HTML5新特性(2)

7. Canvas画图、SVG 8. 拖拽事件、API 9.FileReader API 10. PAJAX 11. Bootstrap 12.插件：Swiper、图表、Iconfont

微信公众号开发

1. 接入微信公众平台 2. 账号申请 3. 微信JSSDK使用 4. 分享接口 5. 图像接口 6. 音频接口 

7. 智能接口 8. 设备信息 9. 地理位置

微信小程序开发

10. 界面操作 11. WEUI框架 12. 微信小程序开发 

13. 创建项目 14. 工具 15. 框架 16. WXML 

17. 组件 18. API

实战--团队协作工具

1. Git协作 2. 前端项目规范化 3. H5新特性 

4. 即时通讯 5. 互联网服务接口调用

师资风采：

选对课也要跟对人，学员打分制严格把控教学质量 ，讲师好不好你说了算！