自述

当初自学前端，我并不是按照这个路线进行的，走了很多的弯路，花费了很多的时间去查漏补缺。现在我把我的经验总结分享出来，希望之后想要入行前端的朋友能够稳扎稳打，踏实的去学，对于真的坚持去好好学的人，这些内容并不多，重要的是按自己的情况，分配好每天学习的时间，坚持！坚持！再坚持！（千万不要断断续续，三天打鱼两天晒网，今天学了过几天忘了又重复学）。打好基础，才是最高效的学习方法！

一、HTML+CSS

第一步：去看尚硅谷前端课程（把基础阶段看完）

b站尚硅谷前端课程

第二部：去看MDN文档（HTML和CSS部分）

第三步：去慕课看张鑫旭的免费css课程系列（一定要理解）

慕课网张鑫旭css系列

第四步：去牛客网刷刷面试题（查漏补缺）

第五步：自己找几个网站做出来静态页面（现自己做，再看源码，找出区别，理解为什么人家要这样做。记住，不一定人家的方法就是好的，寻找真相）

加练：可以每天在网上找一个炫酷的小demo实现

二、Javascript

第一步：继续尚硅谷视频（核心&高级部分看完）

第二步：去看MDN文档（JS部分）

第三步：掌握并能实现ajax

ajax全接触

第四步：学习ES6 推荐看慕课网的实战课，老师对比着ES5进行讲解，会加深对es5的一些理解

再学javascript ES(6-10)

第五步：入门一下typescript（先入门一下，有个印象，这样在你成长的过程中会加深理解，之后要配合框架项目深入学习）

typescript入门

第六步：js设计模式学习（要了解几个常用的设计模式）

第七步：去刷刷面试题吧（查漏补缺）

加练：

1.从现在开始去看数据结构和算法，还有浏览器原理，协议（推荐看极客时间上的对应课程。好了继续往下进行，这里每天看一部分练几道题就行）

2.结合js做一些小dom，比如轮播，红包雨，抽奖转盘，瀑布流，一些小游戏（可以在慕课网上找）

3.开始阅读你不知道的javascript（每天读一部分）

三、后台服务器

第一步：继续尚硅谷视频（后台服务器部分）

第二步：看慕课node全栈入门视频，并阅读node文档看看API

慕课网nodejs入门视频

第三部：结合所学，自己搭建了数据库，做一个注册及登陆验证功能吧

第四部：去刷刷面试题吧（查漏补缺）

加练：

有时间的小伙伴去学习一下PHP吧，结合PHP做一个小项目

去买阿里云之类网站租一个服务器吧，再租一个域名，用Hexo搭建一个自己的博客吧！

四、框架学习

第一步：先学习git课程，尚硅谷课程里面有（注册github，配置好，可以把自己之前做的demo合集还有实战项目放上去）

第二步：看尚硅谷视频（三个框架全看完，入门）

第三步：主攻一个框架，去看官方文档

第四步：去慕课网找一个实战项目做，跟着实现一遍，自己实现一遍

第五步：看看慕课上源码分析课程

第六部：去刷面试题吧，查漏补缺

五、自动化构建工具

主要学习：Glup和webpack，看完尚硅谷视频课，去找项目完整的做一遍

---

好了！学习完这些你就可以去工作了！

当然，学习的脚步不能停止，每天要练习1～2个小demo，继续加练里面内容的完成，去掘金网阅读一篇推荐的技术文，并理解实践

补充理论基础知识：数据结构与算法，计算机原理，计算机操作系统，计算机网络