前端-从入门到入土

前端学习路线

基础部分（HTML + CSS + JS入门）

快速了解，能够进行简单的 页面布局，交互
JS部分，可以写一些小 demo 来熟悉常见的 API
推荐教程：
https://www.bilibili.com/video/BV1BT4y1W7Aw/?spm_id_from=333....

框架部分

这里推荐 Vue 框架，相对 React 会更容易上手，并且中文文档也相对友好
推荐教程：https://www.bilibili.com/video/BV1QA4y1d7xf/?spm_id_from=333....
推荐学习版本： Vue3
可以 先看一下教学视频，跟着老师敲一个 从0 - 1 的(Vue 全家桶项目)项目，熟悉基本使用，学习的过程中适当做些笔记
想要了解深入一些，后续可以看，不建议新学的时候去学习，打消学习的热情

vueuse使用文档：https://vueuse.org.cn/guide/
lodash中文文档：https://www.lodashjs.com/

后续要慢慢养成看文档的习惯

TS

这部分属于锦上添花，不过现阶段 企业新开项目，大多数为TS，所以也是必学的内容
看文档，看b站教程都可以，了解常见的 类型，有兴趣可以去玩一下 类型体操
推荐阮一峰的TS教程，并可以自行结合一下一些b站教学视频，实操，ts这一块主要是实操最重要，才不易忘记，后续实习工作面试也是一个比较重要的板块
https://typescript.p6p.net/

NodeJS

这部分属于锦上添花，有兴趣可以去学习
了解 nodejs 常见api，如何启动一个服务等
了解 express，koa等框架的使用，理念
了解 nest 的使用
这部分可以说是后端的知识，在大型项目或者 大厂的部分项目中，会存在 nodejs 作为 bff 层或者 后端支持

前端工程化

了解 什么是 工程化？
了解常见构建工具如： Webpack, Vite等，研究研究其文档
代码规范化，流程自动化
有兴趣可以去了解 微前端

其他

学习的过程，遇到问题，网上搜索推荐 google，国内的话 bing会好一点

学会使用git！后续开发必须要使用的工具

在学会基本的三件套，一个框架（vue或者react），就可以尝试去做一个有前后端联调的项目，边学边实践才容易坚持下去