前端学习图谱与新奇趣玩之前端Q直播回顾

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」,认真学前端，做个有专业的技术人...

在看点这里