武汉 web 前端培训路线与学习路线
作者
现在，跟随着互联网的深入发展，前端开发工程师已成为市场上极具竞争力的人才。许多学生，包括以前的 UI，php，或完全零基础，想学习前端。下面的图片是在互联网上广泛传播的前端学习地图。对于许多初学者说，当他们看到这些密集的知识点时会感到头晕目眩。事实上，前端是一个宽泛的主题。但你需要学习前端你不必惊慌，虽然内容比较多，但都是有迹可循的，只要一步一步去研究，去学习，相信我，你一定会学好前端的！
那么前端开发到底需要学习些什么呢？我应该怎样学习？接下来，陈老师就教你如何从零基础学习前端。
一、是引进前端开发
在介绍阶段，您必须首先学习最基本的技能：基于 UI 设计草案的HTML静态页面生成。这要求您掌握HTML的技巧、CSS页面的布局、样式的风格等。
在这个阶段，你需要学习：
1，HTML + CSS基础
掌握HTML的标签使用、排版、CSS布局、样式美化和浏览器兼容性。
2，JavaScript 的基础
掌握 js 的基本语法、条件、语句和循环，并学习增强逻辑的常用算法。
在这之前，陈老师觉得可以先学习 JS 的一个框架jquery，因为通常原生的javascript太过繁琐，学它的框架jquery相对来说简单易懂，掌握了它们的逻辑部分，再反过头来学习原生的javascript就变得容易，上手更快了。
二、常见的前端工具
如Webstrom、sublime、Dreamweaver等。掌握快速键设置 de 方法，可以更快的让你进入到学习中，并且快速提高开发和调试的效率。
当然，这个阶段的学习相对比较困难，学习完这些之后，我们就可以完成静态页面的制作了，不过这才是一个入门，如果你想使用这些技能，很难找到工作。
在下一阶段，我们的目标是满足前端发展行业的基本要求，让我们有勇气出去找一份月薪超过 8000 元的工作。
现阶段应注意这两方面的能力：
1，使用jQuery、引导等框架开发复杂的交互功能和效果。
2。使用HTML5，CSS3，画布上开发移动终端。
考虑到第一方面的能力，你需要学习：
1，javascript的基本特效
它实现了木马、拖放、放大镜等常见的网络特效。
2，jQuery的基础
掌握一般的API使用jQuery，并能够熟悉jQuery的插件开发机制。
3、引导响应
掌握机器响应的机理，在引导过程中使用网格布局和响应布局，开发复杂的页面布局。
4、ajax基础
充分理解Ajax原理，掌握Ajax原生和jQuery的ajax用法。
5、UI流行框架
6、vue,react 这两个在现在企业中都是很看中的，必须得学会才有希望找到 8000 以上的工资。掌握封包，闭包的原理等。
学习这些技能，可以独立创建业务和业务网站，实现普通 JS 的动态效果，在 jQuery 的指导下实现酷效和复杂的功能。
对于移动端开发的第二个方面，您需要学习：
1 的新功能，HTML5 和 CSS3
在移动端，掌握 HTML5 和 CSS3 的使用技巧。
2 移动端页面的兼容性，适应不同的手机，每个手机的屏幕大小都不一样，这就需要前端工程师去做手机自适应了。
三、移动 Web 框架
它可以由 JS 在移动终端上基于jQuery移动/ vue,react es6框架。
有了这两项主要技能，你就可以满足市场前端工程师的基本要求。根据市场反馈数据，工资一般在八千左右的工资了。
三。前端开发步骤
我知道你是一个理想的人，不会对主要的前端开发感到满意。下一步，走先进的发展道路，提高自己的能力。工资也会涨一级！当然，这一切都是建立在你要不停的进步的条件下。只有不断的完善自己，才会获得更多薪资待遇跟更好的机会的！
但是，如果您是一个新的前端，您可能没有使用或听到在下一篇文章中的一些知识。别担心，你可以先收集文章，然后慢慢理解。
那么，在这个阶段，我们应该集中精力掌握以下两个方面的能力：
1。同时，我们考虑代码的优雅性，并注意代码的性能和可重用性。
2。深刻理解前端框架实现的原则和开发和重新配置前端的一般终端组件的能力。
在这个阶段，您需要学习以下内容：
1。关于面向对象开发的思考
2，面向对象的JavaScript
3、javascript闭包、范围链、原型链等高级功能
4。常用的设计模式
5。使用本机JavaScript原理实现框架封装
6、jQuery框架封装原理
7 实现原理，jQuery插件
掌握jQuery插件的实现原理，深入理解插件实现机制的两个扩展。
四、先进的前端开发
写到这里，连我都很兴奋，因为在下一阶段，我们的目标是进入整个堆栈开发工程师！整个堆栈开发工程师不仅是前端，而且是后端，可以快速解决问题和快速解决问题。根据统计数据的收集，在 20k-50k 工资开发工程师北京组高达 60%，而人才是很短缺的！
为了改进一堆开发工程师，我们必须在现阶段做到这一点：
1。我们可以从前端的全局角度理解流行框架的原理和实现模式。
2。深刻理解移动应用的发展模式和技术选择。
3、熟悉全栈 Node.js解；
4。了解主流背景技术和协作方法，从全局的角度来理解项目的整个生命周期。
因此，您需要学习以下内容：
1、网站开发的工作流框架：自耕农/咕噜 htoon 亭。
掌握流行的前端工作流工具，可以使前端开发更加方便高效！
2、MVC/MVVM框架：AngularJS等
掌握前端MVC/MVVM框架的实现机制，了解AngularJS的MVC开发模式的实践，并了解双向数据绑定的相关概念。
3，HTML5响应框架
4、UI 流行框架：JQueryUI、EasyUI、ExtJS等
掌握通用的 UI 框架打包原理，通过对源代码的分析，深入理解基于组件开发的概念。
5，离子，角度
我们应该掌握移动终端的混合开发模式，结合离子和角的理解整个过程和 HTML5 和 CSS3 的 JS 实现机制。
6、对自然的反应
掌握移动终端的开发模式。
7，HTML5 Plus
8、所有堆栈 Node.js 的发展
掌握 Node.js 全栈的解决方案和在服务器端 JS 高效开发。
如果你能掌握上述四个阶段的知识技能，就能满足前端和移动发展行业的先进需求。
总结：做好一个全栈工程师，需要的就是不停的更新自己的技能，不停的学习，只有学习才能让人的技术保持最新，不会被淘汰。面对企业的各种需求，都能很好的做完。学无止境，愿每一个喜欢前端的人，都能在自己的领域里面有自己的寄托。