2022年前端学习路线(个人认为)

以下内容属于个人认为的学习路线，不能保证完全无误，但是坚持学习下去是能够成为一个初级前端工程师的。

目录

1.第一阶段（1-2月）

        1.HTML(1-2周)

        2.css(2-3周)

        3.JavaScript(3-4周)

        4.H5+CSS3(2-3周）

推荐课程：HTML+CSS JavaScript  Js进阶

2.第二阶段（2-3月）

        1.node.js(2-3周)

        2.git(1周）

        3.webpack(1-2周)

        4.各种工具和规范的学习(2-3周）

课程推荐：node.js（含模块化,webpack） git lodash文档 axios文档 less sass stylus postman

3.第三阶段(4-6月)

        1.Vue,React,Angular(3-4月)      

        2.uni-app和微信小程序(1-2月)

课程推荐：vue React  Angular uni-app 微信小程序

结语

---

1.第一阶段（1-2月）

        1.HTML(1-2周)

                HTML主要是就是学习一些常用的标签以及头部文件的了解，内容比较简单。

        2.css(2-3周)

                css知识点比较多，除了要学习和记住一些常用属性外，还需了解浏览器的兼容性，属性的各种书写方式，各个属性的使用场景以及属性之间的搭配，css是前端里比较复杂的一个点，能做的事很多且是编写网页布局的重中之重，需认真学习。

        3.JavaScript(3-4周)

                js作为一门弱类型的编程语言，学习难度并不大，但需学习的内容多且杂具体包括但不限于js的基本语法，dom操作，bom操作，原型链，this指向，异步，ajax以及es6的语法。js是让网站动起来的根本，没有js就没有现在形形色色的网站。

        4.H5+CSS3(2-3周）

                H5是HTML是一个版本，H5中新增了许多新的内容，比如获取用户的地理位置，视频音频标签，各种语义化标签等等。CSS3同理，也是新增了许多新的属性如动画，弹性盒子，媒体查询，阴影等。

        第一阶段总结：前端学习的第一个阶段我们的目标应该是搭建PC端和移动端静态页面。让我们从小白升级成为网页的化妆师。这里需要掌握的知识点为HTML+CSS+JS相关内容。

推荐课程：HTML+CSS JavaScript  Js进阶

2.第二阶段（2-3月）

        1.node.js(2-3周)

                node.js作为一个js语法的后端语言，能让我们体验用js语法搭建后台的同时，还能加强我们对全后端分离的理解,主要的学习内容是包管理工具npm,cnpm,yarn等，express，http，js的模块化commjs等。

        2.git(1周）

                git可以帮我们进行管理项目的历史版本，代码托管，版本回溯等，使我们可以更好的管理项目。

        3.webpack(1-2周)

                这是一个项目打包工具，可以打包项目中的代码，可以解决js代码的兼容性，css的兼容性等。

        4.各种工具和规范的学习(2-3周）

                学习各种前端开发的工具和库如lodash,axios,css预处理器less,sass,stylus,postman。

                学习前端模块化，工程化，让项目结构变得规范起来，为之后的前端项目开发打下基础。

        第二阶段总结：第二阶段主要是提高我们对于前端开发的概念，该阶段的学习能让我们可以搭建一个简单的后端供前端去调用接口，且使用postman测试接口，实现一个简单的动态网站。

课程推荐：node.js（含模块化,webpack） git lodash文档 axios文档 less sass stylus postman

     

3.第三阶段(4-6月)

        1.Vue,React,Angular(3-4月)      

                目前前端三大主流框架，最好是三者都学习，从Vue开始，Vue入门简单，开发项目相对来说比较容易一点，建议学习Vue3+ts+vite+pinia+vue-router全家桶。能我们快速的步入入门前端的门槛。

        2.uni-app和微信小程序(1-2月)

                多端适配和兼容性是前端的一大难题，uni-app的出现可以让我们一套代码运行在14个平台上。微信小程序是当前非常热门的开发方向，制作简单，凭借微信流量多，是现在前端的必备技能。

        第三阶段总结：第三阶段能让我们做出一个前后端分离的，且有多端的网站，使用的技术也是当前最热门的，学习完此阶段已经可以说是一个合格的初级前端工程师了！

课程推荐：vue React  Angular uni-app 微信小程序

结语

        以上就是我目前我认为的前端学习路线，不全但够大家入门的了，前端要学习的东西还有很多，但再往后就是我的知识盲区了，一起加油内卷吧。