亿互联网用户需求，促使300万WEB前端人才缺口。HTML5的蔓延让不少开发商发现了机遇，HTML5开发人才也遭受疯抢，但传统前端人才很难驾驭移动端，因此，HTML5开发人才出现严重紧缺状态，很多企业陷入两难境地。

据统计，我国对于高级HTML5开发人员的缺口将达到12万左右。目前，北京、上海、广州、深圳等地HTML5开发人员的薪资待遇更是一高再高。想成为一名优秀的HTML5开发人员吗？那么这份学习资料值得大家收藏学习了。

一.HTML5初级开发工程师

1.HTML5介绍

互联网发展趋势

H5语言的优势

简单易学人人都能编程

H5就业和薪资情况

H5常见的项目与产品

H5的未来与方向

2.HTML基础

HTML简介与历史版本

常用开发软件

常见标签与属性

表格与表单

标签规范与标签语义化

实战：网页结构布局

3.CSS基础

css简介与基本语法

常见的各种样式属性

CSS选择器与标签类型

理解盒子模型与CSS重置

浮动与定位

利用photoshop工具测量样式

HTML+CSS开发网页

实战：高仿电商首页效果

4.CSS3基础

css3常见样式

css3选择器

变形与动画

3D效果与关键帧

弹性盒模型

5.移动端布局

移动端基本概念

viewport窗口设置

移动端布局方案

rem、vh、vw等单位

响应式布局

bootstrap框架

6.JavaScript基础

JS简介

JS变量

数据类型与类型转换

运算符与优先级

流程控制-if..else

流程控制-switch...case

流程控制-while、do..while、for循环

break、continue语法

函数定义与调用

全局变量与局部变量

函数传参与返回值

函数作用域与变量作用域

DOM的基本操作

定时器使用

this指向与修改指向

数组、字符串等方法操作

时间对象与正则对象

掌握常见BOM操作

常见事件与事件细节

JSON与AJAX

JSONP跨域操作

前端cookie的使用

实战：JS配合HTML与CSS完成电商项目

7.jquery框架

jquery框架介绍及优势介绍

jquery核心思想

jquery常见方法

jquery动画操作

jqueryAJAX操作

jquery工具方法

利用jquery快速开发网页

8.PHP基础

PHP简介与基本语法

mysql数据库及sql语法

apache服务器与集成开发工具

PHP链接数据库

PHP与AJAX交互

实战：留言板、登录、注册等

9.H5基础项目

项目简介

项目功能演示

项目划分及框架

编写HTML页面结构

设置CSS样式

添加JS交互

可选框架：bootstrap、jquery、PHP等

项目调试及兼容

项目验收

二.HTML5中高级开发工程师

1.面向对象基础

面向对象概述

对象和构造函数（类）之间的关系

对象的属性和方法

原型与原型链

包装对象与内部实现

对象中实现继承方式

设计模式及实际运用

2.JavaScript高级

JS算法与排序算法

promise异步处理

运动与tween算法

闭包与模块化

JS组件开发

打造小型jquery框架

JS性能优化

ES6新增功能

3.前端工程化

gulp基本使用

less、sass、babel等预编译框架

理解模块概念，AMD与CMD规范

前端模块框架seaJS、requireJS

webpack基本使用

4.多人协作

svn基本用法与可视化工具

多人开发流程

git基本用法

命令行操作

分区及分支等概念

远程github操作

实战：多人协作开发项目

5.HTML5新功能

canvas绘图

svg绘图

音频与视频

本地存储与离线存储

地理信息

web Worker

web Socket

6.NodeJS基础

node与npm概念及使用

node模块方式

node常用内置模块

node爬虫与文件自动化处理

node搭建服务器与简单路由

mongodb非关系数据库

mongodb安装与db操作

mongodb增删改查

mongodb与node结合开发

mongoose数据建模

mongoose与node结合开发

express框架

中间件与ejs模板引擎

Robomongo与postman工具

express+mongoose搭建后端框架

设计Restful API

实战：前后端分离式开发

7.微信端开发

移动端交互与移动端事件

微信场景与swiper框架

微信公众号介绍

网页授权与JSSDK

微信web开发者工具使用

微信小程序开发

实战：公众号与小程序项目同步开发

三.HTML5大神级开发工程师

1.VueJS框架

Vue框架简介

渐进式与响应式

模板语法与计算属性

指令与数据处理器

生命周期

组件与组件通信

Vuex状态管理

Vue动画与路由

单文件组件与脚手架

基于Vue的组件框架

实战：Vue与Node全栈开发

2.ReactJS框架

React框架简介

JSX语法

组件与组件通信

属性与状态设置

虚拟DOM

生命周期

redux架构

react-redux使用

react-router使用

Mem脚手架使用

实战：React与Node全栈开发

3.AngularJS框架

Angular框架简介

TypeScript基础与进阶

开发环境配置

架构、模块与组件

模板、元数据与数据显示

服务于指令

依赖注入

路由

实战：Angular与Node全栈开发

4.Hybrid App开发

App介绍与分类

Android/ios与H5通信

Cordova/Phonegap框架

HTML5+基于HB工具

React Native

5.前端架构

单元测试与编写测试用例

自动化测试方案

前端安全与HTTP协议

项目上线与一键部署

数据统计与SEO优化

搭建组件库与按需载入

浏览器渲染与浏览器引擎

深入理解后端开发模式

更多学习资料，戳左下角哦~

习html5的同学越来越多，但是很多都是零基础或者转行过来学习的，很多人对于html5都不是很了解，那么要学习哪些内容，哪些适合零基础的同学去学习，今天html5零基础教程学习大纲分享给大家参考学习。

那么想要学好html5前端开发，那么需要掌握的专业技术有：

第一阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；

第二阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；

第三阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；

第四阶段：移动端webAPP开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；

第五阶段：混合（Hybrid）开发：各类混合应用开发；

第六阶段：NodeJS全栈开发：WebApp后端系统开发；

第七阶段：大数据可视化：数据可视化入门、D3.jS详解及项目实战。

一个好的课程内容可以让我们学习的时候更清晰，更好的掌握学习的方向千锋教育在学习内容基础上2018年又全面升级了课程内容。全栈HTML5+课程大纲V10.0

HTML5课程升级后优势

课程大纲升级后，覆盖热门大数据可视化内容，深度贯穿前端后端开发，紧贴主流企业一线需求，注重项目和实战能力，真正做到项目制教学，业内罕见。

课程特色：注重全栈思维培养

全栈HTML5工程师不止是技术层面，千锋着力培养学员的大前端视角与全栈思维，就业后不仅有能力解决工作中的疑难问题，更有实力胜任项目leader！

HTML5课程升级内容

1．新增时下大热的大数据可视化内容

2．深化PHP+MySQL开发内容

3．20大项目驱动教学

千锋教育html5课程贯穿项目实战于其中：大型企业项目实战，覆盖各行各业实战项目，千锋自行研发的升级版教学大纲，结合多项商业案例学习，让学员拥有理论基础，同时更具实践能力。教学团队拥有多年教学经验，百人教学天团，拥有高超的授课技巧和实战视野，让你理论和实战兼得。

想学习html5的同学还犹豫什么呢？快去千锋报名学习吧，快速的学习才能让你快人一步，更好的把握机会。