随着互联网的深入发展，前端开发工程师已成为市场上极具竞争力的人才。许多学生，包括以前的UI，java，或完全零基础，想学习的前端。下面的思维导图是在互联网上广泛传播的前端学习地图。许多初学者说，当他们看到这些密集的知识点时会感到头晕目眩。事实上，前端是一个宽泛的主题。但你需要学习前端你不必惊慌，虽然内容比较多，但不是没有规律可循，只要一步一步地不怕学习不好的前端！

�那么前端开发到底需要学习些什么呢？我应该怎样学习？

一是  引进前端开发

在介绍阶段，您必须首先学习最基本的技能：基于UI设计草案的HTML静态页面生成。这要求您掌握HTML的技巧、CSS页面的布局、样式的风格等。

在这个阶段，你需要学习：

1，HTML + CSS基础

掌握HTML的标签使用、排版、CSS布局、样式美化和浏览器兼容性。

2，JavaScript的基础

掌握js的基本语法、条件、语句和循环，并学习增强逻辑的常用算法。

3，常见的前端工具

如Webstrom、Sublime text3、Dreamweaver等。掌握快速键设置等技术，可以快速提高开发和调试的效率。

这个阶段的学习相对比较困难，学习完这些之后，我们就可以完成静态页面的制作了。当然，这只是一个介绍，如果你想使用这些技能，很难找到工作。

二是 前端开发

在下一阶段，我们的目标是满足前端发展行业的基本要求，让我们有勇气出去找一份月薪超过8000元的工作。

现阶段应注意这两方面的能力：

1，使用jQuery、引导等框架开发复杂的交互功能和效果。

2，使用HTML5，CSS3，画布上开发移动终端。

考虑到第一方面的能力，你需要学习：

1，javascript的基本特效

它实现了木马、拖放、放大镜等常见的网络特效。

2，jQuery的基础

掌握一般的API使用jQuery，并能够熟悉jQuery的插件开发机制。

3、引导响应

掌握机器响应的机理，在引导过程中使用网格布局和响应布局，开发复杂的页面布局。

4、ajax基础

充分理解Ajax原理，掌握Ajax原生和jQuery的ajax用法。

5、UI流行框架

掌握JQueryUI的使用，网页的作用是实现快速有效的。

学习这些技能，可以独立创建业务和业务网站，实现普通JS的动态效果，在jQuery的指导下实现酷效和复杂的功能。

对于移动端开发的第二个方面，您需要学习

1，JavaScript的新功能，还有HTML5和CSS3

在移动端，掌握HTML5和CSS3的使用技巧。

2，油画的基础

掌握画布的基本绘图API，在应用程序报表和广告中显示画布，实现显示效果。

3， 移动Web框架

它可以由JS在移动终端上基于jQuery移动/ Zepto框架。

有了这两项主要技能，你就可以满足市场前端工程师的基本要求。根据市场反馈数据，工资一般在八千至一万三千澳元/月之间。

三是 前端开发步骤

�����

   我知道你是一个理想的人，不会对主要的前端开发感到满意。下一步，走先进的发展道路，提高自己的能力。工资也会涨一级！

但是，如果您是一个新的前端，您可能没有使用或听到在下一篇文章中的一些知识。别担心，你可以先收集文章，然后慢慢理解。

那么，在这个阶段，我们应该集中精力掌握以下两个方面的能力：

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，深刻理解移动应用的发展模式和技术选择；

3，熟悉全栈Node.js解；

4，了解主流背景技术和协作方法，从全局的角度来理解项目的整个生命周期。

因此，您需要学习以下内容：

1，网站开发所需的各种工作流框架。

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高效开发。

如果你能掌握上述四个阶段的知识技能，就能满足前端和移动发展行业的先进需求。

这里还要推荐下我自己，可加学习群：751196913有什么问题，小编都会一一解答，更有更多的学习资源哦，更欢迎大家在以下发表评论