想自学前端的人也多。作为过来人，知道自学的辛苦，容易犯错，容易没有动力，所以我制作这份学习指南，就是让想自学前端的小伙伴们有一份系统专业的学习资源和学习指导，也为了自己整理前端知识栈。这里推荐的资源以免费的为主，包含部分收费的优质内容。

前端知识大纲

第一阶段

自学预计需要30天时间！

1、准备工作，开发坏境，相关工具了解。

很多课程推荐新手使用文本编辑器写代码，可以让新手对代码记忆更深刻，这个没有什么要求，按个人喜好，这里推荐使用微软的VS code ,简介并对中文友好。
下载地址：https://code.visualstudio.com/
下载后打开是英文？按Ctrl+Shift+X键，输入Chinese，你可以看到一堆中文插件，安装第一个，然后重启软件，你的vscode便是中文版的了。
node环境安装（node是前端工程化基础，不过作为新手，你可以跳过这一步，以后再说，在以后的学习也是，看不懂的可以跳过，不用为难自己，很多知识相互关联，前面不懂，学到后面就自然懂了。）
包下载：http://nodejs.cn/download/
vscode没有集成本地web服务器，建议安装http-server，方便学习，Ctrl+ ~打开控制台，输入 npm i -g http-server
安装完成后输入http-server就可以启动。

2、HTML+CSS基础。

学习目标：能够模仿搭建所有的静态网站，有自己的一个静态网页作品。
免费视频课程：https://aiyexue.com/web/266.html
html知识手册：https://www.runoob.com/html/html-tutorial.html
css知识手册：https://www.runoob.com/css/css-tutorial.html
这部分课程比较简单，按照课程学习，半个月时间可以基本掌握，并且能做出作品也是很有成就感。

3、javascrip基础。

学习目标：熟悉js语法，了解DOM，BOM，能够做出常见的动态效果，如轮播、拖拽等。
免费视频课程：https://www.aiyexue.com/web/267.html
一个比较好的收费课程:https://study.miaov.com/study/show/chapter/651
js参考手册：https://www.w3school.com.cn/jsref/index.asp

第二阶段

自学预计需要30天时间！

1、js高级。

js是前端编程基础语言，所有框架都是以它为基础，牢固掌握js知识点才能打好扎实基础，勤加练习是学习编程最好的手段。
你需要在这个阶段掌握的js高级知识点：
面向对象编程
封装
原型
原型链
this指向
闭包
作用域

2、ES6。

3、Nodejs。

4、Vuejs。