1。HTML5 + CSS3和JavaScript
Web开发的基础，HTML负责网页结构，CSS负责Web风格，而JS负责逻辑交互。前两个更像标记语言，没有逻辑。js是前端的重中之重。HTML5中的大多数新技术需要结合JS学习。
每个人都有不同的学习计划。这个阶段主要是基于许多模仿站点。他们熟悉这个基金会。尝试编写CSS响应页面，了解JS的深层知识，如原型链、闭包、设计模式等。我们需要更多的积累，逐步了解和实践。

2。jQuery
jQuery是js的应用程序库，它可以提高本机js开发的效率。引导是一个响应框架，它更容易实现对移动/平板电脑的多个设备的页面支持。Ajax技术用于异步交互，而数据可以在不刷新页面的情况下更新，如map应用程序。JSON是一种广泛应用于大型编程语言的数据格式。
jQuery和引导程序将简化编写的大量代码，并使用它，但对于那些基础不太扎实或不太可靠的人来说。Ajax和JSON通常用于与后端交互，通常用于实际业务中。

3.Git或SVN
版本管理工具，主要用于文件冲突避免团队开发，也可用于纠正。前端推荐学习Git。

4。Nodejs + MySQL和MongoDB（可选）
在服务器端JavaScript上运行。Express是它的扩展MVC框架。NodeJS的最常见的用途是新公共管理的软件包管理器，它不需要从不同的网站下载。数据库学习可以选择MongoDB或MySQL，前者优于Nodejs，但现在大多数网站都是PHP + MySQL的组合。如果您有学习PHP的意图，您可以先学习mysql。

5。ECMAScript 6
JavaScript语言规范。很多新的概念已被添加到6，这也弥补了JS以前版本的许多缺陷，越来越多的项目已经开始使用ES6发展。学习前最好先了解ES5，目前实际工程中考虑到兼容性需要6 Babel将被编译成ES5部署。

6。角/反应/ VUE
三大框架的前端，每一个也都有自己的生态系统，根据自己的需要选择学习。企业需求量最大的仍然是角，但最近的趋势是，反应和Vue更受欢迎。因为现在的前端技术发展得太快，工具和框架更新速度比书本还快，或者看文档更好的学习建议。在学习过程中，还需要大量的时间来使用各种构建工具。

7。其他常用工具
这跟自学的需要是一样的。现在比较常用的是Web包，它可以打包许多不同的编程风格。例如，模块化等6、AMD CMD可以识别和编译成文件，浏览器可以运行。SASS /少，CSS编译框架，你可以在一个合乎逻辑的方式写CSS代码。构建自动压缩和合并代码的工具，等等。

8。其他后端编程语言
目前，市场需要对前端后端语言，PHP / java / Nodejs / Python等等。
学习编程是重要的或实用的，敲更多的代码，并尝试更多。独立解决问题的能力和探索研究精神的能力是必不可少的。如果你有兴趣，你可以建立一个自己的技术博客，上传几个开源项目GitHub，这都是很好的点。

如果大家有兴趣想学习想接处，但是又没有自己的学习途径，欢迎大家来这个qun号首先213然后126最后486，编号：木辛，qun里素材录播软件什么都有，还有很多在学习的伙伴一起努力，不懂的问题有大佬帮忙解决，最后祝大家早日成为前端大神