0、序言

都说前端要学的东西多，技术更新换代也比较快，很多刚开始做前端的朋友看着一堆要学的技术会感觉无从下手。由于要学的知识点太多，导致经常看着后面忘着前面，或者一学就会，一写就废。看到好多新人遇到这样的问题，所以我在想能不能用最少的知识点，先让新人可以上手做一些东西，然后在上手的同时去巩固知识和拓展知识。当然这只是一个尝试，后面可能需要不断的实践和改进，才能确定是否可行。

首先，前端的基础知识：HTML + CSS。如果只是做静态网站，这两项就够了。
当然，现在需要做的大多数是动态网站，还需要学习JS，以及流行的前端框架，比如我用的Vue。
另外，是不是可以直接跳过HTML，由Vue组件库代替HTML？那就可以精简为Vue + CSS + JS。由于Vue本事就是基于JS实现的，所以跳过HTML的话，学习顺序就不能从HTML + CSS开始了，需要从JS先开始。

拟定的大致学习路线是：

1. JS基础知识
2. Vue脚手架搭建启动本地服务
3. Vue组件库（element-ui）堆砌页面
4. CSS美化页面
5. 自定义组件
6. Vue相关知识
   附加题：
7. 地图相关（高德地图）
8. 图表相关（Echarts）

感觉这么下来，一两个月就能上手开始做东西，一旦开始上手就会在实际工作中发现薄弱点，可以有针对性的复习和学习。
OK，下篇就来开始正式实践，从JS开始学习。