新手自学前端开发的六个阶段

第一阶段

学习HTML+CSS。此部分的学习目的是把UI设计师给你的设计稿用HTML+CSS还原成网页。

第二阶段

HTML+CSS学完后，你就可以做出任何漂亮的网页了，只是可能交互效果还实现不了。这时候你就要学习第二阶段，JavaScript了。

你可以先大体过一遍所有语法，然后直接进入下一个阶段学习。因为以后学习阶段，还会不断的使用这些JS语法。

第三阶段

有的老旧过时的路径会推荐你学习JQuery，这个是完全不正确的。在2021年完全没有必要再学习JQuery，因为正经公司已经不再使用这个东西。其实这个部分你可以学习一下ES6、ES7、ES8甚至是ES9的最新JavaScript语法，这部分内容再你学习JavaScript基础知识时，一般都不会包括。而在工作中中这部分的知识确实最常用的。

第四阶段

当你走过了前三个阶段，你就可以做出任何你想要的界面了，这时候你可以找到前端实习生的工作了，也就是在公司里布局页面和作交互效果了。这个阶段不仅要学习PC端网页的布局，更应该多些经历研究移动端和多端布局。

多端就是随着终端的转换，你布局的页面会有不同的呈现方式，而代码只有一套。这个阶段的难点就是要进行大量的实战操作和练习。推荐在工作中不断精进。

第五阶段

学一点Node的知识，这里是学一点，你不需要全会，也不需要作后端程序，你只需要会用基本操作和npm包管理就可以了。因为无论是Vue还是React框架，都需要使用Node来进行构建和管理。

这部分建议一周内完成学习，不要太纠结，因为后期等你找到工作了，还可以继续学习。

第六阶段

学习Vue框架，因为前边这些内容虽然可以做出任何WEB界面了，但还不能让你找到一份心仪的工作。所以你需要学一个流行框架。这里首推的就是Vue.js，因为在国内，这是使用最多的框架，而且上手要比React容易一些，所以建议先学习Vue.js。

学完这个后，你会知道什么是数据驱动开发，什么是SPA应用，也能轻松的实现前后端分离和服务端渲染。

学完后，建议开始试着去找一份实习工作，因为达到了初级工程师的水平，这个时候你可以开始你的前端工程师之旅。