2021年史上最全前端学习路线，以优先学习、工作更需要，从基础到框架，由浅入深，由窄到宽，一篇文章帮你清晰前端学习路径，奥利给！
\
\
话不多说，新手自学前端开发的五个阶段，直接开始。
第一阶段
想成为一名前端开发人员，第一步就是网页布局和效果实现。也就是我们常说的切图仔，这时候你需要学习HTML+CSS。\
\
\
\
\
学习成就：掌握PC端页面制作，掌握面移动端页面制作及适配。
第二阶段
接下来便是JavaScript了，涵盖ES标准、BOM以及DOM等基础内容，以及JavaScript最核心一些技术，如变量提升、函数提升、作用域、作用域链、闭包、对象的多种创建模式、对象的继承模式、JavaScript事件循环机制等。\
\
\
\
\
学习目的：适合有一定HTML和CSS基础的同学学习，这部分技术是成为高级前端工程师的必备利器。
第三阶段
下面可以试着进入PC端全栈开发阶段了。MySQL、一些后台语言如PHP，前端工程化与模块化应用等。
\
有些人说2021年不用学JQuery，但其实有些公司还在用。学学还是有用的~\
\
\
\
\
\
\
学习成就：这个阶段的难点就是要进行大量的实战操作和练习，学有所成，成为一名初级前端工程师。
第四阶段
从这个阶段开始，就是高级前端开发工程师的阶段了。一定要学好这些热门的前端框架：Node、Vue、React……
\
\
\
\
学习目的：学习完框架后，找一份工作不是什么难事。这个时候你真正做到从入门到精通，可以开始你的完美前端开发工程师之旅了。
第五阶段
这个阶段是要做一些小程序前端的学习。为什么呢？
小程序前端是前端的细分，近年来各超级APP都开放小程序能力，小程序作为流量入口的价值日益显现。很多公司将小程序岗位从前端中独立出来，甚至只做小程序。
\
\
\
\
学习目的：Uni-App，Taro等小程序跨端，甚至多终端统一框架成为很多项目的选择。
加分项
前端技能之外，被多次提及的加分项如图所示：
\
\
当然，还有HarmonyOS作为当下热门的技术风口，能帮你更好的立足于这个时代。而学习HarmonyOS开发技术，也成为了必不可少的重要一环！
\
\
备注：内容太细、知识点太全，图片展示不够清晰，可以在我们公众HAO：千锋教育，回复“学习路线图”领取哦！