前端学习路线指引

以下内容教程包含html/css/js/vue等，给小白。欢迎友好的指正，大佬勿喷。

Html学习

1. 入门教程（词典版）：https://www.w3school.com.cn/html/index.asp
2. 入门教程（精简版）：https://www.fqysharing.top/2021/05/23/basic_html/
3. 页面美化库教程（官网版）：https://getbootstrap.com/
4. 页面美化库教程（中文版）：https://www.w3school.com.cn/bootstrap5/index.asp
5. 实战教程（进阶版）：https://zhuanlan.zhihu.com/p/210920545?ivk_sa=1024320u

笔者的话：

• bootstrap页面美化可以好好学一学
• 实战教程不用做了，到时候做vue的实战

Css学习

1. 入门教程（词典版）：https://www.w3school.com.cn/css/index.asp
2. 入门教程（精简版）：https://www.fqysharing.top/2021/05/23/basic_css/

笔者的话：

除非对自己的配色和审美有绝对自信，简单学一学就可以了，开发可以用bootstrap。

Javascript学习

1. 入门教程（词典版）：https://www.w3school.com.cn/js/index.asp
2. 入门教程（精简版）：https://www.fqysharing.top/2021/07/17/basic_js_summary/

笔者的话：

JavaScript的入门曲线不算曲折，但是深入后很复杂，潜力也很大。要了解基本的语法，但是不必太过于详细的、花太多时间去学习基础。把时间花在vue这类的框架上更有价值。

Vuejs学习

1. 官网教程（看不懂版）：https://cn.vuejs.org/index.html
2. 入门教程（极简版）：https://jackyfzh.github.io/2020/08/12/drf-vue-vue-jichu/
3. 实战教程（必看版）：https://zmrenwu.com/courses/vue2x-todo-tutorial/

笔者的话：

我认为vue是未来的大势所趋，认真学习。初学者依次看2和3，基本就算是入门啦。

最后

本文持续更新，希望对大家有帮助。

文章首发于Jacky的个人博客，转载须注明。