前端的知识非常繁杂，前端学习也因此是成为让人头疼的过程。前端学习有路径吗？怎么系统地学习前端？

前端的门槛相对低，但工资客观，因此成为了转行IT行业者的性价比之选。但是前端的知识非常繁杂，更新速度也非常快，导致许多自学者很懵逼。其实前端的学习是一个循序渐进的过程，我们就来梳理一下。

第一阶段：先把html、css和JavaScript的基本操作学会、掌握，能够作一个简单的页面。

第二阶段：能够用第一阶段的三大件实现基本页面开发功能，尝试作一些如记账本等简单的项目。并且逐步接触react或是vue框架进行学习。

第三阶段：能够使用框架实现一、二阶段的项目。能够将Redux、vuex、mobx等状态管理工具使用到之前的项目中，并且思考这些工具的作用。

第四阶段：能够使用脚手架创建项目，有代码结构模块化的思想意识。这个阶段需要接触typescript和node.js的学习。能够Typescript重写之前的项目，注重数据结构和类型的控制。能够配合数据库实现图书馆管理系统、仓库管理系统等较复杂的内容管理系统。

第五阶段：能够利用typescript或node.js编写好业务代码。注重代码的精简和逻辑公用，并用这一思想重审之前开发的项目。开始学习更新的JS标准，逐步替换掉使用框架所编写的代码。

第六阶段：对逻辑抽象、模块封装有理解和经验。开始思考用纯js对业务组件中的非渲染、非DOM相关代码进行抽象。这一阶段引入单元测试工具，对纯逻辑代码进行测试，尽量实现覆盖率80%以上。

第七阶段：当以上条件都能够满足，就要开始深化自己的理解。思考代码哲学OO、FP等之间的区别，代码结构MVC、MVVM等之前的区别。除去代码，也要思考不同框架设计的初衷，思考不同的编程语言对同一类问题的不同解法。

虽然看上去非常复杂非常难，但实质上是一个循序渐进的过程，一步一步踏实的学习是非常重要的。如果觉得自学有困难的话，可以尝试去补习机构系统学习。比如知了堂就以企业需求为向导进行教学，结合真实商业项目让学员实现从小白到大佬的转变。