WEB前端-从0开始学习路线参考

html+css基础

• B站视频：https://www.bilibili.com/video/BV12Z4y1G7cb?p=25

JavaScrip基础

B站视频：https://www.bilibili.com/video/BV1P741147CT?p=1
ES6进阶参考：https://es6.ruanyifeng.com/

前端MVVM框架学习（初学者二选一）

1、vuejs方向（入手简单、国内工作机会多）

• B站视频（基础）：https://www.bilibili.com/video/BV1U5411h7oH?p=1
• 官方文档：https://vue3js.cn/docs/zh/guide/introduction.html
• B站视频（vue3.*新增的Hooks API语法）：https://www.bilibili.com/video/BV14k4y117LL?p=23
• B站视频（vue3.* TypeScript简单使用、初学可不看）：https://www.bilibili.com/video/BV1kT4y1F71K?p=4

2、reactjs方向（相对于vuejs复杂一点、行业框架标准、语法严谨、WEB前端开发都应该学学、国内工作机会多）

• B站视频（p1~p45基础，后续的为项目开发实战可不看）：https://www.bilibili.com/video/BV184411x7F9?p=45
• 官方文档：https://react.docschina.org/docs/getting-started.html
• B站视频（react Hooks API语法）：https://www.bilibili.com/video/BV1y4411Q7yH?from=search&seid=14513354603938607928

前端进阶（周边工具等）

• B站视频（npm 指令的基本使用。必学）：https://www.bilibili.com/video/BV11k4y1B7im?p=1
• 简书文章（npm 与 yarn 的区别。必学）：https://www.jianshu.com/p/254794d5e741
• B站视频（webpack基础，工程化项目开发环境配置。必学）：https://www.bilibili.com/video/BV1bp4y1x7AE?p=1
• B站视频（TypeScript基础，前端趋势，进阶必学）：https://www.bilibili.com/video/BV1qV41167VD?p=1
• B站视频（mockjs，前端接口数据模拟，看情况）：https://www.bilibili.com/video/BV1PE411A7U6?p=1