2024Web前端学习路线（快速版）

一、核心技术

1. 前端基础：基础讲解，入门神课，涵盖前端基础HTML、CSS、HTML5和CSS3全部核心技术点！必学！必学！

24:50:48

【2024全套版】7天就能学完的web前端，学完就业，小白信手拈来，拿走不谢，允许白嫖_web基础_web入门_web前端开发

3941

10

2. JavaScript：入门经典课程，前端开发必备核心技术！

09:59:11

尚学堂全新JavaScript：客户端脚本技术！WEB前端必备基础知识，JS毕业一套教程足以，为初学者而著！

3584

76

二、高级技术

1. AJAX：3小时AJAX从入门到精通，一套搞定，快速上手！

05:49:52

【尚学堂】Ajax异步请求JavaScript和XML视频教程_Web数据交互方式_Ajax课程零基础入门_Ajax前后端基础教程_Ajax

3401

117

2.Vue3：基于Vue3的setup语法糖讲解，全程采用TypeScript+组合式API编码，贴心准备TypeScript快速上手笔记！带你快速上手纯血版Vue3！

06:02:37

【2023最新版】Vue3从入门到精通，零基础小白也能听得懂，写得出，真实践，web前端快速入门教程

1528

15

3.React全家桶：React是一个用于构建用户界面的JavaScript库。主要用于构建UI，很多人认为React是MVC中的V（视图）。 React拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

51:52:18

【尚学堂】2022新版React全家桶教程_react基础入门到项目实战_三大项目轻松掌握React框架

1.5万

141

4. Webpack：全新升级+高级优化+项目脚手架配置，从小白蜕变大神，开发称心如意！

01:26:06

web前端高级进阶-React Webpack从零基础到精通_React快速入门全套react教程视频

2192

0

5. 微信小程序：从基础到高级，涵盖小程序常用所有知识点，快速上手小程序开发，真正做到从入门到精通！

20:12:25

0成本开发微信小程序有多简单？十分钟搞定微信小程序开发，创造自己的微信小程序

3732

15

6. 前端面试题：涵HTML,CSS,JavaScript基础到高级的内容, 移动端经典问题, js经典笔试题, node.js, React, Vue, 小程序等。一套让你在面试中游刃有余！

三、综合实战

1.【食疗坊项目】：基于微信开发，食疗坊首页、 食疗坊界面、食疗坊购物车和食疗坊购物车、我的等。

13:50:33

【微信小程序】食疗坊小程序开发教程（附源码课件）食疗坊项目开发，手把手教学，可完美运行_小程序教程_小程序开发_微信小程序_前端开发

4130

24

2.【Ego商城】web前端VUE项目。手把手教你开发电商项目！

14:24:32

web前端VUE项目实战Ego商城_附源码课件，手把手教你开发电商项目_前端开发_Vue项目

519

10

3.【百度地图】Vue项目，从前端地图基础API到实战案例应用！

03:19:54

Vue项目百度地图全套教程，从前端地图基础API到实战案例应用_前端开发_百度地图项目_web前端

2098

8

4.用html+css+JS仿写小米商城官网，在仿写这个项目的过程中可以巩固学习到的前端知识，增加一些小项目经验，同时也能让自己更加有信心学习前端。

06:23:09

【Web前端练手项目】HTML+CSS+JS实现小米官网_HTML+CSS+JS练手项目实战_小米商城（附源码课件）

1736

6

5.【音节播放器】Vue音乐播放器，手把手教你做出音乐播放器！

06:01:51

web前端毕设项目-Vue音乐播放器（附源码课件+网易云接口）手把手教你做出音乐播放器

2043

13

6.【丁香医生】Vue实战项目_疫情项目-WEB移动端项目！

08:36:09

【Vue实战项目】丁香医生疫情项目-WEB移动端项目（附源码课件）

2933

53

如果你看到这里，那么让小编来猜一下。

有两种可能：

1.  你按部就班全部读完。耐心过人，必有所获！接下来是不是该点赞、投币、转发、评论打Call了，我想我应该没有猜错。（福尔摩斯、柯南……全部附体）

2.  迅速下滑，先点赞、投币、转发、评论。素质B站人！

纸上得来终觉浅，绝知此事要躬行。 —陆游

好风凭借力，送你上青云！各位小伙伴，点点关注~