2022年前端的学习路线

作为一个刚刚就业两个月的新时代农民工，前端之路一路走过来不是很容易，在自己的小白时期，对于应该学习什么真的是一点也不知道，希望能将前端的学习道路浅分享给现在需要了解的前端小白们。

前端之前

• 一些计算机基础
  虽然说一些基层的开发可以0基础入门，但是还是希望学习的人在学习之前有一定的计算机基础。
• 简单的PS
  有好多人都会忽略掉PS这一块，虽然说我现在所在的厂不需要自己切图，但是有同学所在的公司需要前端来进行切图，切图这一块还是需要简单的学一学。

第一步

这一步应该就是大家众所周知的东西了，即HTML，CSS，JavaScript。这三大部分是前端的基础，可以说是重中之重。所有的前端都避不开的东西。这三部分组成了页面，HTML是页面的元素，页面上有什么由HTML来决定，CSS对页面的样式进行修改，页面好不好看全由CSS做主，然后就是Javascript了，它是用户与页面的交互，像用户点击了某个部分会发生什么情况全由JS说了算。

第一点五步

为什么说是第一点五步呢，是因为我现在所在的公司使用VUE和React进行开发，所以原生用到的不多，在这块需要学的是npm包管理器，jQuery和Bootstrap，npm不需要多了解，会基本的使用就行，jQuery和bootstrap，一个原生js库和一个框架，之前面试的时候遇到一个使用jQuery进行开发的公司，说实话还挺想去的，结果最后没去成。一些老一点的项目大部分都是使用jQuery进行开发的。学会这些，不管是对面试优化老项目的公司还是在重构老项目的公司都有很大的帮助。

第二步

webpack,git,Ajax和nodejs

• git
  一款协同开发神器，几乎所有的公司都在使用，一些操作命令需要记下来，在面试时也会从容很多。
• nodejs
  在学习nodejs的时候，我学习了MongoDB，写项目的时候，使用MongoDB数据库，以及nodejs写后端，这一阶段之后，明白了很多前后端交互的东西，前端都干什么，后端都干什么在这一刻都清楚了。
• Webpack
  一个前端资源加载/打包工具，我的理解是在前期学的时候需要了解webpack，在后期能深入学习最好。
• Ajax
  需要学习的，知道ajax的步骤，最好能够手写ajax。

第三步

Vue/React
前端主流的两大框架，算是在公司里面平分秋色吧，虽然之前老是听说在我在的城市Vue占70%，但是找工作的时候还是发现都React也不少。当然也还有其他框架，现在这两个占比比较大，如果时间紧迫两个框架选择一个学习就可，有时公司可能会用的其他框架，但是在面试的时候会问你你学过的那个框架的问题。然后入职之后给时间学习新的框架。两个框架学习一个，我之前学习的是Vue全家桶，公司项目Vue和react都有，准备起手学习react了。

第四步

移动端
移动端当前很流行，很多东西的用户移动端比PC端多太多了，无论是APP还是小程序都在走向主流，主要是用户用起来方便快捷，所以对于前端开发来说，移动端的学习现在也是必不可少的。了解了解微信小程序，浅学一下uniapp是一个不错的选择。

最后

最后，还是希望能够看一下HTML5，CSS3，然后就是重要的ES6，必须得记住ES6新增的一些语法。