自学总结：非科班转行前端拿到字节跳动 offer？看我是如何一步一步做到的？

关于我(个人背景)

本人是某双非一本大学的大四学生，专业学的是电子信息科学与技术，说实话，虽然它是我的专业，但我对它不是很了解。高考结束根据就业率选择了这个专业，确实就业率很高（毕竟没有三方协议学校不给发毕业证，怎么办？很多人随便找个单位、场子签个劳动合同），一句话：垃圾。而自己在大二的时候就在想，这个专业毕业后能干嘛？如果我现在被迫辍学？我能靠它养活自己吗？答案是：不能。

比较庆幸的是自己通过朋友带动下从 3 月初（大三下学期）开始零基础自学前端，在 11 月初拿到字节跳动和多益网络的前端 校招 offer，历时 8 个月。与其他拿到大厂 offer 的同学比起来，我应该是比较菜的，嘿嘿。不过我是在没有基础，基本没人带的情况下，自己摸索学习的。通过不断笔试面试积累经验，在没有实习经历的情况下拿到大厂 offer。

所以在转行这方面自己克服了许多困难，也积累了一些适合非科班学生自学转行的方法。为了帮助入坑的朋友，编写了本指南十分细致，亲测可行。如果你想要转行做前端开发，却又苦于没有学习方向，学习路径和学习资源相信看完这篇指南后你会有所启发，快速上手。

指南分为以下7个方面。

一、自学

---

我结合个人经历整理的学习路线，总结了初级前端各项技术学习的先后顺序和侧重点，还附有相关的资源，可以节省你们很多时间，避免你们走弯路和购买到一些没用的书籍资料。

下图是本人大致的学习路线图（有点长放大看）

知识脉络

1、前端三大基础（前期）（重点，中等难度）
前端三大基础，即HTML(5)，CSS(3)，JavaScript 这三门技术。

JavaScript知识点合集

Tips：JS进阶部分可以在准备面试时再开始学。

2、前端框架（前中期）（重点，较难）
Vue和React是目前在前端应用最广泛的两个开发框架，工作中一般都是用框架开发。两者是同级并列关系。个人觉得可以先学Vue，等到第一篇的其他比较重要技术栈的学完了再学React。

Vue\React面试题集

Tips：现在新项目一般都用 Vue 或 React，不太用 jQuery，所以 jQuery 可学可不学，一般也不怎么考；看视频学习入门会比较快，适合零基础的新手，直接看官方文档学习会比较难一些。有空还可以学一下 Vue 的 SSR 技术。

3、Node.js（中期）（次重点，中等）
Node 是一个让 JavaScript 运行在服务端的开发平台，可以让我们用前端的语法开发后端。很多前端岗位的要求会 Node.js。