一、前端开发入门
在入门阶段，你首先要学会最基本的技能：根据UI的设计稿，实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。
请点击此处输入图片描述
在这个阶段你需要学习：
1、HTML CSS:
HTML进阶、CSS进阶、div css布局、HTML css整站开发
2、JavaScript基础
掌握JS的基本语法、条件、语句、循环等，学会常用算法，增强逻辑性。
3、常用的前端工具
比如Webstrom、Sublime、Dreamweaver、HBuilder等。掌握其快捷键设置等技巧，可快速提高开发调试效率。
这个阶段的学习难度相对不高，学完这些之后，我们已经能完成静态页面的制作。当然，这只是入门，如果你想用这些技能找工作的话还是比较困难的。
请点击此处输入图片描述
二、前端开发初级
想学习交流的小伙伴可以来小编创建的学习裙：web前端 六零四一三四八五四。
这个阶段我们要把握这两方面的才能：
1、运用jQuery、Bootstrap等结构开发杂乱的交互功用与效果；
2、运用HTML5、CSS3、Canvas进行移动端开发。
针对榜首方面的才能，你需求学习：
1、JavaScript根本特效
能够完成图片轮播、拖拽、放大镜等常见网页特效。
2、jQuery根底
把握jQuery常用API的运用方法，并且能够了解jQuery的插件开发机制。
3、Bootstrap呼应式
把握原生呼应式完成机制，能够运用Bootstrap中的栅格式布局和呼应式布局进行杂乱页面的布局开发。
请点击此处输入图片描述
4、AJAX根底
充沛了解AJAX原理，把握JS原生和jQuery方法的AJAX运用。
5、UI盛行结构
把握jQueryUI的运用，快速高效完成页面的效果呈现。
学会了这些技能，你就能够独立制造电商类、企业类网站，完成常见JS动态效果，并且能够依据jQuery、Bootstrap等结构完成炫酷的效果和杂乱的功用啦！
针对第二个方面的移动端开发，你需求学习：
1、HTML5、CSS3新特性
把握HTML5、CSS3在移动端的运用技巧。
2、Canvas根底
把握Canvas的根本画图API，做到能完成Canvas在报表和广告展现效果方面的运用，并且能够完成炫酷的展现效果。
请点击此处输入图片描述
3、移动Web结构
能够依据jQuery Mobile/Zepto等结构进行移动端JS功用开发。
把握这两大方面的技能，你就能到达商场上对前端工程师的根本要求了。依据商场反应数据看，薪资遍及在8000-13000元/月，从速加油学习吧！
三、前端开发进阶
就知道你是一个有理想要志向的人，不会满意于做一个初级的前端开发工程师。在接下来的这个阶段，我们将走上前端开发的进阶之路，将自己的才能再往上提高一个等级。相同，薪资也会往上升一个等级！
请点击此处输入图片描述
但是，如果你是一个前端菜鸟，接下来的文章中可能会呈现一些你没有用过或许没有听过的常识点。不要着急，你能够先将文章收藏下来，今后慢慢了解。
言归正传，在这个阶段，我们要要点把握以下两个方面的才能：
1、在完成功用的一起，考虑代码的高雅性，重视代码的性能和重用性；
2、深化了解前端结构完成原理，并且能够开发和重构通用的前端组件。
在这个阶段你需求学习以下常识：
1、面向对象开发思维
2、JavaScript面向对象
3、JavaScript闭包、效果域链、原型链等高档特性
4、常用的规划形式
5、运用原生JavaScript的原理完成结构封装
6、jQuery结构封装原理
7、jQuery插件的完成原理
把握jQuery插件的完成原理，深刻了解插件的两种扩展方法的完成机制。
8. 组件化和模块化开发：SeaJS、RequireJS
如果你熟练把握以上技能，就能够具备解决杂乱问题和技能难点的才能，并且能够独立规划开发杂乱的功用模块。如果你到达这个水平，祝贺你现已能满意前端职业的中级需求，依据商场反应数据看，薪资遍及在 13000-20000元/月！
请点击此处输入图片描述
四、前端开发高档
写到这儿，连小编自己也激动了，因为在接下来的这个阶段，我们的方针是：进军全栈开发工程师！全栈开发工程师就是那种既精前端，又通后台，遇到问题能快速定位问题、解决问题的一类大牛！据职友集数据统计，北京全栈开发工程师月薪在20K-50K之间的占比高达60%，并且人才十分缺乏！
请点击此处输入图片描述
要晋级为全栈开发工程师，我们在这个阶段得做这些工作：
1、能从前端的大局视点知道盛行结构的原理与完成形式；
2、深刻了解移动App的开发形式和技能选型；
3、了解Node.js的全栈式解决方案；
4、了解主流的后台技能和前后端协作方法，能从大局视点了解项目的整个生命周期。
请点击此处输入图片描述
相应的，你需求学习以下这些内容：
1、Web开发工作流结构：Yeoman/Grunt/Gulp/Bower等
把握盛行的前端工作流东西，能够让前端开发更便利更高效！
2、MVC/MVVM结构：AngularJS等
把握前端MVC/MVVM结构完成机制，经过AngularJS的实践深刻了解MVC的开发形式，了解双向数据绑定等相关概念。
3、HTML5呼应式结构
4、UI盛行结构：jQueryUI、EasyUI、ExtJS等
把握常见UI结构的封装原理，经过源码剖析，深化了解组件化开发思维。
请点击此处输入图片描述
5、Ionic、Angular
把握移动端混合开发形式，经过Ionic、Angular的结合，了解运用HTML5、CSS3、JS完成App开发的全体流程和完成机制。
6、React Native
把握移动端ReactNative的开发形式。
7、HTML5 Plus
8、Node.js全栈式开发
想学习交流的小伙伴可以来小编创建的学习裙：web前端 六零四一三四八五四。
把握Node.js全栈式解决方案，完成JS在服务器端的高效开发。
如果你能熟练把握以上四个阶段的常识技能，你就能够满意前端与移动开发职业的高档需求啦！
