Web Guide

前端语言是一门艺术性的语言

在现在这样的AI时代，对于前端初学者来说，如何最快最好地学会并上手一个项目显得无比重要。你无法让自己把所有东西吃透，只需要领悟到精髓：

Html是骨架，CSS是衣服，Javascript是动作。写Html语义标签和CSS样式都是唯手熟耳，长而久之就背会了；Javascript也仅仅只是你平常所使用语言的变体，作为解释型语言缺少强制类型，于是出现Typescript这一更为优雅的语言。

Vue、React仅仅是建立在三件套之上，对它们进行了整合，让开发者编程更加舒服。为了让前端开发者还能快速写APP，于是Uniapp和React Native也出现了。为了让前端开发者还能完成服务端渲染页面，优化SEO和保证安全，于是Nuxt和Next也出现了。它们像是兄弟一样，共同成长。

在这个过程中，你会思考更多便利的事情，如何提效、保证质量，然后你会发现有很多好用的模块能帮助你完成，例如组件库帮你加速网站UI搭建、Axios帮助你完成请求、Tailwind和Unocss帮助你快速编写样式、状态管理模块帮助页面共享数据、Eslint和Prettier统一规范等等。

关于学习路径，下面是我的一些个人意见。

1. 先阅读MDN Guide，这是是Mozilla基金会的开发者网络平台，提供了大量关于各种HTML、CSS和JavaScript功能的开放、详细的文档，以及广泛的Web API参考资料。也可以阅读W3School，专门教学网站。虽然学习教程内容不算多，但这是前端语法的搜素引擎，非常全面。速通一遍，先Html，然后CSS，最后JS，了解个大概，总之看文档比视频块，前端讲究边写边学。
2. 阅读Vue Guide，这是Vue官方文档教程，强推，比任何视频都管用，可以先跟着这篇教程走，接着把官方提到的所有用法看一遍，一定注意动手试试。
3. 阅读一个经典的模块项目，例如我的项目Vue Template，熟悉常用模块的作用和使用方法，熟悉经典项目架构。
4. 阅读凌乱的八股（三件套+Vue+计网），尝试手写一些模块，熟悉常见问题，这方面的学习请各显神通，不要拘泥，我的项目JS-Magic可作为参考。
5. 阅读八股的同时写前端项目，经典的前端项目都是网页应用，类别如下：论坛类、博客类、后台管理类、商城类，经典在于简单、全面，这些往往需要你同时开发后端和数据库，但是我们的JS是很强大的，NodeJs也可以完成后端功能。