阶段一（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框架
其他观点：
入门
在我理解下的基础知识 。就是我们可以写一些基本的样式 。并能对页面的元素进行操作 。举例来说 。就是我们用Spring和JSP写了一个博客 。然后我们可以用jQuery来对页面进行一些简单的操作 。并可以调用一些API 。因此 。我们需要基本的HTML / CSS知识 。只是要写好CSS并不是一件简单的事 。这需要很多实战经验 。随后 。我们还需要有JavaScript的经验 。要不怎么做前端呢？
同时 。我们还需要对DOM有一些基础的了解 。才能做一些基本的操作 。如修改颜色等等 。在这种情况下 。最简单的方案就是使用jQuery这样的工具 。不过 。如果可以自己操作DOM是再好不过的了 。
中级篇
中级篇就更有意思了 。现在我们就需要对页面进行更复杂的操作 。Ajax和JSON这两个技能是必须的 。当我们要动态的改变页面的元素时 。我们就需要从远程获取最新的数据结果 。并且我们也需要提交表单到服务器 。RESTful就是必须要学会的技能 。未来我们还需要Fetch API 。ReactiveX这些技能 。
除此我们还需要掌握好HTML的语义化 。像DIV / CSS这也会必须会的技能 。我们应该还会使用模板引擎和SCSS / SASS 。而这个层面来说 。我们开始使用Node.js来完成前端的构建等等的一系列动作 。这时候必须学会使用命令行这类工具 。并且 。在这时候我们已经开始构建单页面应用了 。
高级篇
JavaScript是一门易上手的语言 。也充满了相当多的糟粕的用法 。几年前人们使用CoffeeScript编成成JavaScript来编写更好的前端代码 。现在人们有了ES6、TypeScript和WebPack来做这些事 。尽管现在浏览器支持不完善 。但是他们是未来 。同样的还有某些CSS3的特性 。其对于某些浏览器来说也是不支持的 。而这些都是基于语言本来说的 。要写好代码 。我们还需要掌握面向对象编程、函数式编程、MVC / MVVM / MV*这些概念 。作为一合格的工程师 。我们还需要把握好安全性（如跨域） 。做好 授权（如HTTP Basic、JWT等等） 。
工程化
这个标题好像是放错了 。这部分的内容主要都是自动构建的内容 。首先 。我们需要有基本的构建工具 。无论你是使用gulp、grunt 。还是只使用npm 。这都不重要 。重要的是 。你可以自动化的完成构建的工具 。编译、静态代码分析（JSLint、CSS Lint、TSLint）、对
推荐阅读
- 爱国主义与爱‘人’主义,尚武精神与止武精神。哪一样更重要？
- 自制黄桃罐头多久能吃
- 没基础可以转行学HTML5开发吗,有哪些建议？
- 怎么理解“不知他人苦莫劝他人善”这句至理名言？
- 新鲜黄桃和黄桃罐头哪个有营养
- 怎么制定Web前端学习计划？
- 老人们常劝人“积阴德”,传统文化的“阴德”到底是什么？
- 黄桃罐头里的水可以喝吗
- 前端主要要掌握那些框架才更好就业？