前端学习路线

前期(集体学习内容)
Html5+css3：
学习内容：
Html5
1：基础标签的使用
2：新增标签和属性
css3
1：CSS语法和样式
2：选择器
3：盒子模型
4：CSS定位
5：CSS3新增属性
6 动画效果
其他：
1:兼容性
2.代码调试
总时间：14天（考核实例：制作一个静态网站）
JavaScript学习:
学习内容：
1：js基础语法
2：内置对象常用方法
3：DOM操作
4：ECMAscript
5：JS动画
6：DOM、BOM、
7：定时器和焦点图
总时间：10天（考核实例：编写一个完整小游戏）
Jquery+Bootstrap学习：
学习内容：
1：Jquery基础语法
2：常用的选择器和事件
3：常用的DOM操作和效果方法
4：方法链
3：拖拽、变形
3：JqueryUI组件
4：Ajax
5.bootstrap基本的排版布局及样式的使用（重点学习栅栏和布局的技巧）
总时间：（考核实例：用个人编写的简单插件和现有插件结合Bootstrap做一个动态的网页）
 后期(前端方向学习内容)
Html5+css3高级
学习内容：
Html5

1. Canvas绘图
2. web本地存储
3. Geolocation API
4. Web Workers、Web WebSocket API
   css3
5. CSS新特性
6. CSS3动画
7. 特殊图形绘制
8. 雪碧图、滑动门
9. 媒体查询
10. 响应式设计
11. 自适应布局
    总时间：（实战：PC端门户网站或移动端电商网站）
    JavaScript高级:
    学习内容：
12. 正则表达式
13. 闭包
14. 排序、递归算法
15. DOM实现原理和深入
16. 原型
17. 函数节流
18. 作用域链
19. 面向对象
20. 封装
21. 常见特效：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
    总时间：（实战：插件封装）
    进阶
    学习内容：
22. 熟悉Web开发工作流和MVC/MVVM/MVW框架，学习常用库：Vue.js
23. 了解WeUI
24. Gulp、webpack等前端构建、打包工具
25. 设计模式
26. 前端开发优化
27. 了解ES6
28. Node.js全栈开发
    总时间：（要求：做笔记、写博客，用Vue.js开发单页应用，分享自己的学习成果和作品）