大 前 端 时代，如何自学web前端知识？
随着互联网的发展， 这几年由于前端领域的需求量越来越大。
小白初入门学习时，容易陷入理论派，一看就懂，一动手就懵，且还不知道到底如何系统的学习，遇上问题不仅无法解决，搜索到的答案也看不懂，经常是学一两个月就感到迷茫怀疑自己是不是不适合学习编程，这是自学的常态了。
首先你需要学习：
阶段一（HTML&CSS基础）
HTML：html语义化，html常用标签及其语义，html5新特性和新增常用标签
CSS：css语法、选择器，定位、浮动、盒子模型，css3新增选择器及其属性，变形、过滤、动画
Photoshop：基本应用，把psd图转为静态页面
规范：样式和结构分离，制作符合w3c标准的页面，添加注释，规范缩进
阶段二（前端基本功）
javaScript基础：基本语法，算法基础，常用数据结构，编程规范，内置对象常用方法，对象的创建方式和this用法
javaScript API：BOM操作，DOM操作，特效实现、页面布局，事件处理、浏览器兼容处理
JavaScript高级：面向对象思想，对象，json、闭包、原型、作用域链，函数的调用方式及this指向，正则表达式、面向对象理论及实践
jqurey：优势，选择器，动画，链式编程及隐式迭代，插件使用和制作
模块化：概念，演变过程，设计规范，RequireJS
阶段三（移动WEB开发初级）
HTML5&CSS3：多媒体、音频视频播放，DOM扩展、自定义属性、HTML5data，地理定位、文件读取、元素拖拽、多媒体加强，应用缓存、历史管理、web存储，CSS3选择器、新属性、2d转换、3d转换、动画
canvas：绘图命令、非零环绕原则，绘制形状、文字、图片，平移、缩放、旋转变换，ECharts数据报表
Git：命令行、基本使用、对比文件差异、还原、合并，回滚操作、远程仓库操作、GitHub创建远程仓库，github创建远程私有仓库、github和gitlab的区别，生成ssh key并添加到github和gitlab上
阶段四（移动WEB开发高级）
bootstrap：概述，栅格系统，排版、表格、表单、按钮，图片、响应式工具，组件使用
移动web：移动端屏幕介绍、浏览器介绍、操作系统介绍，chrome模拟调试、真机调试、viewport、rem、主流适配方案，手势封装、mvc、常用指令、双向绑定和单项绑定。
angularjs：模块、控制器、$watch、自定义指令、jqLite、过滤器，格式化过滤、数据过滤、服务$http、前端路由、http拦截器
css框架：通过bootstrap完成响应式开发，了解常见的移动端UI框架
