PS：关注前端Q公众号，回复 直播 ，可获得直播所有资料及录播视频～
学习
全局了解
开局一张图，了解一下前端体系都涉及哪些知识...当然，实际包含的知识更多，这图是一个参考方向～
新手路线建议
HTML学习，w3school
CSS，CSS+DIV从入门到精通/CSS权威指南/精通 CSS 高级 web 标准解决方案，例子都跟着做一遍
自我检验，微博首页/淘宝首页
学习《JavaScript高级程序设计》(公众号回复 ebook 有资源)
自我检验，刷 js 基础题目+造小轮子，如原生js实现图片轮播/原生Ajax插件等
ES6/7/8...，阮一峰ES6教程
自我检验，https://www.runoob.com/wp-content/uploads/2018/12/es6-tutorial.jpg，看着这些知识点，来回顾自己都掌握了没有
框架学习，React/Vue…
了解简单的node，会使用命令
GIT 使用学习
编辑器/浏览器的使用及调试技能
工程化技能，Webpack/CI…
代理工具，whistle…
其他工具，文件上传(transmit软件)等…
进阶路线建议
提供一些参考知识点，可以自我对照
我的现阶段的进阶规划
学习，不是罗列知识点，而是要学。你不需要把所有东西都列出来，你只需要想清楚自己现阶段的学习就好，慢慢学习，慢慢进步。这里放一个我现阶段的学习规划，大家可以参考一下，其中webpack/promise/浏览器/性能优化等很多点的学习我都完成啦～ 这些我都有输出的，有需要学习的可以翻看一下公众号的文章～
公众号回复 文章 即可～
学习过程
新奇趣玩
狼人杀
一局狼人杀游戏一般由十二名玩家组成，他们将分属于游戏中两个对立的阵营：狼人阵营和好人阵营。可以锻炼你的逻辑思维/推理能力/口才能力/演戏能力～
英语趣配音
为电影/电视剧等片段配音，它会美化一下你的声音，听起来很有感觉，既可以学习，又好玩～
跳舞毯
玩与锻炼身体于一身，一个毯子，全家可用。可以跳舞/游戏等～
剧本杀
角色扮演，实景推理，参考综艺节目《明星大侦探》，烧脑又有趣～
电玩城
方便，几乎每个商场都有电玩城，有很多很多可以玩的游戏设备。便宜，玩个投篮游戏才2个币，既玩乐，又锻炼身体～
蹦床
既玩乐，又锻炼身体～
DIY
各式DIY都有，只要你想就可以玩～
动与静的玩
动有冲浪/潜水/滑板等，静可以钓虾，玩起来～
最后
欢迎加我微信(winty230)，拉你进技术群，长期交流学习...
欢迎关注「前端Q」,认真学前端，做个有专业的技术人...
在看点这里