22届校招生精心整理——前端学习路线(超详细)

大家好，我是小庄，一个22届校招生，同时也是一个专心于互联网技术的深漂打工人。

众所周知，前端现在变化很快，框架更新速度非常迅速。

那么目前，如果作为一个完全没有接触过前端的小白，应该从哪里开始学习前端呢？

---

【前提准备】

一、物质准备

• 有一台可以自己支配的电脑；
  注意：只看教程，不敲代码就是在浪费时间，有一台自己的电脑用于练习是必须的哈。

• 至少保证每天4个小时以上的学习时间；
  注意：对于零基础想要学好前端找到一份工作的人来讲，每天至少要保证4个小时以上的学习时间，把学习周期控制在至少六个月以及以上。

• 一套系统的视频教程。
  【注意】：

  • 之前在网上，看到很多⼤佬关于前端学习路线的回答，都是给⼩⽩甩各种⽂档教程链接。其实对于⼩⽩来讲，这些⽂档上⾯都是⼀些⽣涩难懂的专业术语，前期根本看不下去的。
  • 所以小庄更推荐，前端小白刚开始接触前端，可以看一些零基础视频教程，后期可逐步看一些官方文档链接，循序渐进，并配以实际练习。
  • 零基础视频教程可以在B站、慕课网、腾讯课堂、网易云课堂上找免费的。某宝和某鱼上也有很多卖教程的，一杯奶茶钱就可以买到一份教程了。推荐在这些平台上，找评分较高、播放量较高的视频教程，一般质量都还不错。

• 加几个学习氛围比较好的学习群。
  【注意】：

  • 我还是建议零基础小白可以加一些学习群，一来可以了解行业情况，二来遇到网上找不到答案的情况，可以在这些学习群问。例如小庄的公众号【深漂程序员小庄】后台回复【加群】，可加入学习交流群。

二、精神准备

同时，决定开始走前端路线时，小庄个人觉得，这些特质也都是必不可少的。

• 兴趣
• 付出
• 心态
• 坚持

三、开发工具准备（标 “⭐️” 为推荐）

1、浏览器

• ⭐️ Chrome
• ⭐️ Edge
• ⭐️ Firefox
• Opera
• Safari

2、编辑器

• ⭐️ VSCode
• ⭐️ WebStorm
• Atom
• ⭐️ Sublime Text
• HBuilder X
• 记事本
• 在线 IDE

3、文档笔记

• ⭐️ Markdown 语法
• ⭐️ Typora 在线笔记
• 语雀
• 腾讯文档
• 石墨文档
• 印象笔记
• Mdnice

---

【详细路线】

特别补充：

1、如果有小伙伴看不清，可以在小庄的公众号【深漂程序员小庄】后台回复【前端学习路线图】，可获得高清路线图哈；
2、除此之外，还可以在【深漂程序员小庄】后台回复【资源】，可获得大量学习资源，不限前端、java、算法，一起学习，一起进步；

---

【面试准备】

以22届校招为参考，23届同学可以如何准备校招呢？一共分为三个点：

一、面经来源

极力推荐！！ —— 牛客网，面经地址如下：
https://www.nowcoder.com/exam/interview

https://www.nowcoder.com/discuss/experience?tagId=644

二、面试资料

公众号后台回复【前端面试资源】，可得帮助无数人上岸大厂的前端面试资料，且该前端面试资源将持续进行更新哈，欢迎大家进行获取。

---

【最后补充】

关注公众号：【深漂程序员小庄】：
内含丰富的学习资源和面试经验（不限前端、java），还有学习交流群可加，并且还有各大厂大佬可一起交流学习，一起进步～添加小庄微信，回复【加群】，可加入互联网技术交流群：