H5学习路线整理

 

HTML5都能做什么？

第一：刚出现不久的小程序，很流行，在开发的过程，HTML5技术就会应用的很多。

第二：移动端是HTML5不可缺少的技术，现在都是移动端的市场，人们手机的一些功能，缓存，音乐，视频，地位，Canvas绘图还有大量的特效，好看的效果，都是不可能离开HTML5技术。

第三：现手游的火爆程度，PC端游戏受到了冲击，比如LOL被王者荣耀冲击，这是时代的变化，HTML5可以做手机游戏，前景光明。

第四：互联网的各种应用，在如今变化多端的互联网，好像任何东西都仿佛离不开了HTML5的技术。

 

下面转载一个详细的学习路线，个人觉得不错：

转载于：http://blog.youkuaiyun.com/soindy/article/details/52387451

H5学习路线图

前端入门: 页面布局与重构, HTML CSS 
移动前端开发: 响应式布局, HTML5 CSS 
Web交互开发: JavaScript, jQuery Ajax 
前端高级开发: 原生开发, 移动端开发

HTML5基础

1. H5结构标签,标签类型
2. H5新标签语义,属性语法
3. H5新功能标签
4. H5表单元素
5. H5视频,音频

CSS

1. CSS盒子模型,CSS浮动,定位,CSS结构布局,CSS Sprite技术
2. CSS3语法规则,CSS3选择器,伪代码,背景扩展,CSS3新增盒子属性,文字属性,CSS3滤镜,混合模式
3. CSS3键值对,CSS3转化模块,过度模块
4. CSS3浏览器兼容处理
5. CSS3自定义动画模块,CSS3动画合成混搭
6. iconfont 图标文字,弹性盒子
7. 媒体查询,响应式布局,CSS3多列
8. CSS3景深透视,3D三位体构建,CSS3三维特效

H5实战

大型网站项目制作技巧,SEO代码搜索引擎优化技巧

JavaScript基础

1. JavaScript简介 ECMAScript语法基础
2. 变量 函数 条件语句 循环语句 定时器
3. DOM和BOM操作
4. 运算符 数组 遍历
5. JSON语法基础 JSON数据解析
6. JavaScript主流浏览器兼容处理

JavaScript进阶

1. JavaScript运动基础 运动类型 面向对象的JavaScript运动框架
2. JavaScript指针 闭包 作用域 函数节流深入剖析和运用
3. 正则表达书 表单验证
4. AJAX技术 排序算法 递归算法
5. JavaScript内置对象深入剖析
6. 面向对象基础 面向对象进阶
7. 装饰着模式
8. 选择框架,面向对象版事件框架,面向对象版高级运动框架

jQuery框架

1. jQuery框架基础 选择器 DOM节点操作
2. 事件处理机制, jQuery动画,拖拽,表单开发以及其他高级特性
3. jQuery AJAX技术剖析
4. jQuery特效原理剖析与制作
5. jQuery相关插件

Canvas基础

1. Canvas基础,画布基本图形API
2. Canvas动画原理,物理建模,碰撞检测,边界识别,粒子系统,游戏引擎等
3. Canvas特效开发
4. Canvas手机端游戏制作

AngularJS

1. MVVM.MVC简介 AngularJS基础知识
2. 服务 控制器 指令
3. 作用域 过滤器 模块化 模块控制 表单处理
4. AngularJS $http服务和模板
5. AngularJS路由
6. AngularJS项目实战及API使用

React Native

1. 环境配置
2. 项目创建 配置 调试 部署 发布
3. React Native原生API 生命周期 Fetch服务
4. React Native路由 UI组件 原生模块
5. 第三方库 插件集成 多平台混合开发
6. React Native项目实战

Node.js (选学)

1. Node.js发展,生态圈,IO.js
2. 环境配置
3. REPL环境和控制台程序
4. 异步编程,非阻塞I/O
5. 模块概念,模块管理工具
6. 开发流程,调试,测试
7. 事件驱动,事件发射器
8. 加密解密,路径操作,序列化和反序列化
9. 文件流操作
10. HTTP服务端与客户端
11. Socket.IO