值得收藏学习的最新HTML5学习课程大纲

7亿互联网用户需求，促使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优化

搭建组件库与按需载入

浏览器渲染与浏览器引擎

深入理解后端开发模式

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