阅读 1526

前端学习路线与新奇趣玩(前端Q直播回顾)

PS:关注前端Q公众号,回复 直播 ,可获得直播所有资料及录播视频~

PS: 本文图片较多,如果图片加载不全,可以看这个《前端学习路线与新奇趣玩(前端Q直播回顾)》

学习

全局了解

开局一张图,了解一下前端体系都涉及哪些知识...当然,实际包含的知识更多,这图是一个参考方向~

Github

新手路线建议

Github

  1. HTML学习,w3school
  2. CSS,CSS+DIV从入门到精通/CSS权威指南/精通 CSS 高级 web 标准解决方案,例子都跟着做一遍
  3. 自我检验,微博首页/淘宝首页
  4. 学习《JavaScript高级程序设计》(公众号回复 ebook 有资源)
  5. 自我检验,刷 js 基础题目+造小轮子,如原生js实现图片轮播/原生Ajax插件等
  6. ES6/7/8...,阮一峰ES6教程
  7. 自我检验,www.runoob.com/wp-content/…
  • 框架学习,React/Vue…
  • 了解简单的node,会使用命令
  • GIT 使用学习
  • 编辑器/浏览器的使用及调试技能
  • 工程化技能,Webpack/CI…
  • 代理工具,whistle…
  • 其他工具,文件上传(transmit软件)等…

进阶路线建议

提供一些参考知识点,可以自我对照

Github

我的现阶段的进阶规划

学习,不是罗列知识点,而是要学。你不需要把所有东西都列出来,你只需要想清楚自己现阶段的学习就好,慢慢学习,慢慢进步。这里放一个我现阶段的学习规划,大家可以参考一下,其中webpack/promise/浏览器/性能优化等很多点的学习我都完成啦~ 这些我都有输出的,有需要学习的可以翻看一下公众号的文章~

公众号回复 文章 即可~

Github

学习过程

Github

新奇趣玩

狼人杀

一局狼人杀游戏一般由十二名玩家组成,他们将分属于游戏中两个对立的阵营:狼人阵营和好人阵营。可以锻炼你的逻辑思维/推理能力/口才能力/演戏能力~

Github

英语趣配音

为电影/电视剧等片段配音,它会美化一下你的声音,听起来很有感觉,既可以学习,又好玩~

Github

跳舞毯

玩与锻炼身体于一身,一个毯子,全家可用。可以跳舞/游戏等~

Github

剧本杀

角色扮演,实景推理,参考综艺节目《明星大侦探》,烧脑又有趣~

Github

电玩城

方便,几乎每个商场都有电玩城,有很多很多可以玩的游戏设备。便宜,玩个投篮游戏才2个币,既玩乐,又锻炼身体~

Github

蹦床

既玩乐,又锻炼身体~

Github

DIY

各式DIY都有,只要你想就可以玩~

Github

动与静的玩

动有冲浪/潜水/滑板等,静可以钓虾,玩起来~

Github

PS: 本文图片较多,如果图片加载不全,可以看这个《前端学习路线与新奇趣玩(前端Q直播回顾)》

最后

  • 欢迎扫码加我,拉你进技术群,长期交流学习...
  • 欢迎关注「前端Q」,认真学前端,做个有专业的技术人...

GitHub