学完 html 和 CSS 就可以写静态页面了，如果想再深入的话还是要注重基础啊，这里推荐一下我学习的路径（我也是自学的菜鸟 😂）

1.head first javascript 可以用 1 周左右看完，快速过一下 html 部分；

2. 然后就可以学习 CSS 啊，推荐《CSS 权威指南》和《The book of CSS3》, 这两本看完加上一些书里的一些效果都要手动实现一遍，预计一个月左右吧；

3. 看完上面两本书，基本上一些主流布局（圣杯布局，双飞翼布局）呀，2,3D 动效啊就可以做出来啦，然后可以尝试实现一下小米商城的静态页面，尽力做到像素级的仿造就可以啦，用一周时间基本可以做完，做完后还是会有一丢丢成就感的；

4. 接下来就应该进入 JS 部分了，很多人先推荐《javascript 高级程序设计》这本书，个人觉得红宝书非常好，但是对于新人来说确实不太友好，我建议这两本《Eloquent JavaScript》（中文版的也有）和《DOM 编程艺术》，这两本书学习的过程中可以参考红宝书，一定要敲代码，不停的敲培养自己的编程感觉，这个过程可能会很枯燥，不过谁让我们选择了这个行业呢 😂，不多说就是干，过程预计要两个月，前两本书看完回头再来仔细看红宝书，可以反复的看，针对不懂的点去网上查一定会找到答案的，尽量弄懂，我觉得 6-8 章讲的非常好，每次读都有新收获。。

5. 接下来可以学习一下数据结构和算法了，虽然数据结构对于日常工作感觉关系不大，不过数据结构可能会决定着我们的瓶颈，看过很多大佬的说法都是，要想往上走，数据结构一定要好好学，好吧，那就学 😂推荐刷 LeetCode, 里面有很多种类的相关算法的题目，可以逐个击破各个类型的算法题，个人觉得从简单到中等就可以了，hard 模式可以适当挑战哈，这个过程也是比较痛苦，我记得当时我刚开始做 easy 的都要做半天，后来慢慢做感觉会越来越好，到最后一共刷了 200 多题，不过现在几个月没刷感觉又忘了。。哎，得不断巩固啊；

7.ES6 一定要学习啊，推荐阮一峰老师的 ES6 入门教程，let,const,promise,generator,async/await 等等这些；

8. 算法学习的差不多接下来就得进行计算机网络相关内容的学习啦，这块可以着重学习哈 DNS 查询，UDP 协议，TCP 三次握手，四次挥手等过程，OSI 模型等；

9. 然后就可以进行 http 的学习啦，缓存，https，http1.0/1.1/2.0，http 与 https 的区别啊，浏览器渲染原理啦，安全方面的（XSS，CSRF，点击劫持等攻击的预防手段）；

10. 然后 Node.js 要看一下啊，这部分我也不太懂, 继续学 😂

11. 接下来可以学习框架了，VUE，REACT，推荐直接看文档啦，文档要完整过完，可以去找相关的项目来做，这个阶段就可以准备项目了。。

12. 接下来要准备面试找工作啦（我现在就在这个阶段，找工作啊找工作。。压力大啊），推荐去知乎，掘金，V2EX 上面多看看，然后看一下面试总结，将之前学习的内容，知识点要能串联起来，比如，输入 URL 后发生了什么？越详细越好，将点连成线再形成面，这样就有了自己的知识体系了；

13. 所有这些准备好，恭喜我们终于踏上了前端漫漫之路。。加油⛽️