前端学习路线-目录
2021年2月10日大约 4 分钟
本系列关注前端部分,根据学习路线图达到学习Vue.js的目的
developer路线图developer-roadmap/translations/chinese at master · kamranahmedse/developer-roadmap
三个学习阶段
第一部分 前端基础知识
这个部分,介绍什么是互联网，以及补充一些必须的知识。
第二部分 HTML CSS JavaScript
学习要求
MDN推荐我们将HTML/CSS/JS三大件混合起来学习,这样,互相之间可以相互印证,互相间加深学习
HTML+CSS
首先快速的过一下HTML和CSS。
HTML中的大部分标签在现代前端开发都已经淘汰了，新手只需要：
- 了解大部分常用标签。如H1、H2、列表、表单
- 会用
div、span
CSS对新手只要求理解盒子模型，对于其他内容要求有印象，能够随用随查即可。（去查mdn文档）
总的来说，要求对HTML+CSS做到：
- 了解常见的一些基础概念
- 能够在使用的时候查询mdn文档或者其他文档，随用随查
JS
要求对JS做到：
- 动手实操写过所有JS基础语法
- 对JS大部分基础语法熟练掌握
- 理解JS中一部分难点，易错点
对于新手学习JS，建议跟着现代JS教程过一遍基础部分。
不选择mdn作为学习教程，是因为其对于新手来说有点乏味，mdn适合作为文档随用随查。
推荐视频
如果你的学习动力比较弱，可以跟随这个视频，过一遍HTML+CSS+JS部分，然后再回过头来看上面的学习要求和推荐教程。
mdn文档
MDN推荐我们将HTML/CSS/JS三大件混合起来学习,这样,互相之间可以相互印证,互相间加深学习。
建议新手阅读顺序如下：
HTML入门:学习html基础
- 预科补充:html简介
- 随时学习:书写语义化的html
CSS入门:学习CSS基础
HTML深入:表单验证
HTML深入:前端-惯例和最佳实践
CSS进阶:css-制作布局
CSS深入:css-响应式设计和媒体查询
第三部分 学习前端框架--以vue.js为例
第四三部分 掌握工具链
这部分和你未来掌握的框架无关，而是前端开发者日常开发所需要掌握的。
- Node工具链:记录windows上nodejs版本管理器nvm安装配置