怎么学HTML5
HTML5是万维网的核心语言，标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，一方面提升了用户体验，另一方面HTML5技术跨平台，适配多终端，改变了传统开发者需针对不同操作系统进行研发的局面。
面对不同层次的人群，学习可分为以下几个大类。话不多说，直接上干货！
HTML5初级开发工程师
-
HTML5课程介绍
- 互联网发展趋势
- H5语言的优势
- 简单易学人人都能编程
- H5就业和薪资情况
- H5常见的项目与产品
- H5的未来与方向
-
HTML基础
- HTML简介与历史版本
- 常用开发软件
- 常见标签与属性
- 表格与表单
- 标签规范与标签语义化
- 实战：网页结构布局
-
CSS基础
- css简介与基本语法
- 常见的各种样式属性
- CSS选择器与标签类型
- 理解盒子模型与CSS重置
- 浮动与定位
- 利用photoshop工具测量样式
- HTML+CSS开发网页
- 实战：高仿电商首页效果
-
CSS3基础
- css3常见样式
- css3选择器
- 变形与动画
- 3D效果与关键帧
- 弹性盒模型
-
移动端布局
- 移动端基本概念
- viewport窗口设置
- 移动端布局方案
- rem、vh、vw等单位
- 响应式布局
- bootstrap框架
JavaScript基础
- JS简介
- JS变量
- 数据类型与类型转换
- 运算符与优先级
- 流程控制-if..else
- 流程控制-switch...case
- 流程控制-while、do..while、for循环
- break、continue语法
- 函数定义与调用
- 全局变量与局部变量
- 函数传参与返回值
- 函数作用域与变量作用域
- DOM的基本操作
- 定时器使用
- this指向与修改指向
- 数组、字符串等方法操作
- 时间对象与正则对象
- 掌握常见BOM操作
- 常见事件与事件细节
- JSON与AJAX
- JSONP跨域操作
- 前端cookie的使用
- 实战：JS配合HTML与CSS完成电商项目
-
jquery框架
- jquery框架介绍及优势介绍
- jquery核心思想
- jquery常见方法
- jquery动画操作
- jqueryAJAX操作
- jquery工具方法
- 利用jquery快速开发网页
-
PHP基础
- PHP简介与基本语法
- mysql数据库及sql语法
- apache服务器与集成开发工具
- PHP链接数据库
- PHP与AJAX交互
- 实战：留言板、登录、注册等
H5基础项目
- 项目简介
- 项目功能演示
- 项目划分及框架
- 编写HTML页面结构
- 设置CSS样式
- 添加JS交互
- 可选框架：bootstrap、jquery、PHP等
- 项目调试及兼容
- 项目验收
HTML5中高级开发工程师
-
面向对象基础
- 面向对象概述
- 对象和构造函数（类）之间的关系
- 对象的属性和方法
- 原型与原型链
- 包装对象与内部实现
- 对象中实现继承方式
- 设计模式及实际运用
-
JavaScript高级
- JS算法与排序算法
- promise异步处理
- 运动与tween算法
- 闭包与模块化
- JS组件开发
- 打造小型jquery框架
- JS性能优化
- ES6新增功能
-
前端工程化
- gulp基本使用
- less、sass、babel等预编译框架
- 理解模块概念，AMD与CMD规范
- 前端模块框架seaJS、requireJS
- webpack基本使用
-
多人协作
- svn基本用法与可视化工具
- 多人开发流程
- git基本用法
- 命令行操作
- 分区及分支等概念
- 远程github操作
- 实战：多人协作开发项目
-
HTML5新功能
- canvas绘图
- svg绘图
- 音频与视频
- 本地存储与离线存储
- 地理信息
- web Worker
- web Socket
NodeJS基础
- node与npm概念及使用
- node模块方式
- node常用内置模块
- node爬虫与文件自动化处理
- node搭建服务器与简单路由
- mongodb非关系数据库
- mongodb安装与db操作
- mongodb增删改查
- mongodb与node结合开发
- mongoose数据建模
- mongoose与node结合开发
- express框架
- 中间件与ejs模板引擎
- Robomongo与postman工具
- express+mongoose搭建后端框架
- 设计Restful API
- 实战：前后端分离式开发
-
微信端开发
- 移动端交互与移动端事件
- 微信场景与swiper框架
- 微信公众号介绍
- 网页授权与JSSDK
- 微信web开发者工具使用
- 微信小程序开发
- 实战：公众号与小程序项目同步开发
HTML5大神级开发工程师
-
VueJS框架
- Vue框架简介
- 渐进式与响应式
- 模板语法与计算属性
- 指令与数据处理器
- 生命周期
- 组件与组件通信
- Vuex状态管理
- Vue动画与路由
- 单文件组件与脚手架
- 基于Vue的组件框架
- 实战：Vue与Node全栈开发
-
ReactJS框架
- React框架简介
- JSX语法
- 组件与组件通信
- 属性与状态设置
- 虚拟DOM
- 生命周期
- redux架构
- react-redux使用
- react-router使用
- Mem脚手架使用
- 实战：React与Node全栈开发
-
AngularJS框架
- Angular框架简介
- TypeScript基础与进阶
- 开发环境配置
- 架构、模块与组件
- 模板、元数据与数据显示
- 服务于指令
- 依赖注入
- 路由
- 实战：Angular与Node全栈开发
-
Hybrid App开发
- App介绍与分类
- Android/ios与H5通信
- Cordova/Phonegap框架
- HTML5+基于HB工具
- React Native
-
前端架构
- 单元测试与编写测试用例
- 自动化测试方案
- 前端安全与HTTP协议
- 项目上线与一键部署
- 数据统计与SEO优化
- 搭建组件库与按需载入
- 浏览器渲染与浏览器引擎
- 深入理解后端开发模式