前言

更新这篇blog的目的是为了帮助想学习前端却不知从什么地方学起，不知道该学什么的同学快速进军前端的基本路线。

一、入门

首先我们学习任何东西都一样要打下坚实的基础，所以入门必学三件套。HTML5(H5),CSS3,ES5（js）（必学）
H5：学习经常会使用到如HTML5表单、音频和视频、离线和本地存储、盒子模型、Canvas即可。
CSS3：学习基本写法和特性如(可继承属性)，flex布局
JS:学习基本语法，原型链，DOM，BOM，异步函数

二、起步

学习完了基本使用，我们开始逐渐追求学习得更深入，所以我们还要继续学习JS，css可以学习一下预编译技术，剩余的勤加练习即可，但是现在我们需要学一个新的技术，帮助我们在前端路上能走得更远nodeJS。
预编译技术：less，sass。（可以会）
JS：ES5+ES6，作用域链，变量提升，ES6新特性及语法糖等（必会）
nodeJS:其实nodeJS就是JS，不过是换了个环境运行，但是还是有些许的变化。（推荐学习）

三、上路

这个阶段咱们还要学习JS，不过我们会学习一个现阶段前端入门级框架Vue（基本必会，要么会三大框架另外两个之一React ，Angular），我们之前打下坚实的基础在这里就会发挥巨大作用。那么这个阶段大概学习什么呢。
JS：事件循环，generitor，Promise，性能优化，发布/订阅等。
Vue：基本用法，核心知识，虚拟DOM，diff算法，vue-router，Vuex。
WebPack：会基本配置。（可以会）
Git：懂得如何提交代码，合并代码。（必会）
设计模式：面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。

学习到这里我们就可以做一个项目来实践一下了，例如一个电影网站，个人博客系统，使用nodeJS（推荐）或者其他后端语言搭建后台，使用nodeJS可以从以下几个框架入手Express，koa，nestJS，数据库使用mysql或者MongoDB，那么要是不想搞这么复杂就想练习Vue呢，推荐使用Mock.js模拟数据。

四、加速

本人自觉刚到这个阶段，但感觉比较不容易。那么咱们这个阶段要做的事
TypeScript（TS）：未来的JS（可以会）
WebPack：都这个阶段了，手写loader不过分。
docker：使用容器方式开发。（可以会）
Nginx：（我也不会）
自己封装框架：使用所学设计模式+JS基础+nodeJS
这个阶段的基本都是在写各种配置

五、奔跑

这个阶段大概就像是尤雨溪，阮一峰这样的大佬吧。

总结

说了这么多不如直接在此分享一下本人的学习资料以及推荐的书籍。
1、学习HTML/CSS W3school/MDN

2、学习JS推荐去看阮一峰大神的博客再买一套《你不知道的JavaScript》再去MDN上看看

3、学习nodeJS 推荐《狼书》和官网，再去哔哩哔哩看看有没有教程，或者我这里有一套node教程(提取码 gkf6)

4、学习Vue 推荐官网，这个官方文档写的真的不错可以直接观看，如果看不太懂，推荐大地老师教学

5、WebPack 可以先观看教程，基本都是一些配置。哔哩哔哩，大地老师讲的很好

6、Git，这个没啥好说的你肯定需要去学习。其实多用用就好。

7、TS，哔哩哔哩，大地老师淦就完了。。

8、Nginx，我依稀记得好像是有教程的，稍后附上（提取码 kk4u）。

当然总结的这些知识只是个人观点，并非代表前端只能走这个路线，到达山顶的路有很多条，你也可以试试别的路如 UI设计，原型设计加一些前端技能也是不错的。本篇博客就先记录到此如果对此博客有什么意见或建议请在下方评论，看完请点个赞吧。