1. 《编码——隐匿在计算机软硬件背后的语言》，如果身边没人问，你看到「第12章 二进制加法器」就可以了，后面不勉强。这本书让你理解什么是计算机。
2. 阮一峰的 JavaScript 教程，https://wangdoc.com/javascript/ (opens new window) ，比《JavaScript高级编程》更适合入门
3. 阮一峰的 ES6 教程，http://es6.ruanyifeng.com/ (opens new window) ，看完这两个基本你就知道怎样写 JS 代码了。
4. 然后你需要学习另一门语言 4小时讲完《C语言》 (opens new window) ，为什么要学第二门呢？为了避免你变成只会 JS 的井底之蛙，开阔开阔眼界，知道什么是链接、编译、可执行文件也是好的。（只想吃青春饭35岁转行的同学可以跳过这一步）
5. 接下来你可以看《算法（第四版）》，看到子字符串查找就可以了。（只想吃青春饭35岁转行的同学可以跳过这一步）
6. 练手，去 leetcode 刷几十道题就当复习了，用 c 用 js 都能刷 leetcode，这一步可以测试自己学得如何。（只想吃青春饭35岁转行的同学可以跳过这一步）

好了，现在你基本把科班生该学的基础学了一部分了，可以进入实践了。

1. 看《CSS揭秘》，提升自己对 CSS 的掌握。不用看完全书，挑着看十几个自己感兴趣的例子即可，这本书的优点就是不用全看完。
2. 开始做项目，比如自己做个画板、做个计算器、做个扫雷，反正就是把你见过的东西都自己实现一次，能不能做成功不要紧，关键是过程。做完三四个这样的项目之后，开始学习框架
3. Vue 和 React 随便学一个，把官方文档一字不漏地看完，再说一次，一 字 不 漏！
4. 看完之后把你之前的项目用 Vue 或 React 重写
5. 开始做更大的项目，比如仿一个 Todo MVC，仿一个购物车应用，总之把你见过的东西都拿过来用 Vue 或 React 做做看。
6. 提升，这一部分可能性很多，你已经会写点小应用了，但是你只学了编程的皮毛，为了脱颖而出，你可以深入研究一个方向，比如编译原理、工程化、数据结构和算法等，不用贪多，选一个方向就够你研究几个月的。这要看很多书和文章，花的时间可能比前面所有步骤的总和还要多，但回报相当高。（只想吃青春饭35岁转行的同学可以跳过这一步）

1、HTML、CSS基础、JavaScript语法基础。可以制作类电商网站首页的布局。

2、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。JS语法是面试中最重要的部分。

3、jQuery、Ajax等。jQuery是前端最基础的一部分。

4、ES6语法，属于JS新增的语法。其中，关于 promise、async 等内容要尤其关注。

5、熟悉HTML5和CSS3的新特性。

6、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。

7、前端框架：Vue.js和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 React 才是合格的前端同学。

8、建议购买《css权威指南》。

你在做的过程中会学会科学上网、Stackoverflow、GitHub、Git 等。

你会无数次地查看 API 文档，并逐渐记住常用的 API。

你不得不了解 babel webpack typescript http，遇到了不要怂，把文档看一下就直接干。

这个过程你会卡壳很多次，请自己想办法搞定。