2025年web前端开发学习路线图 - 哔哩哔哩

1.Pink最新版JavaScript入门到精通全套教程

本课程是Pink老师最新版JavaScript课程，主要讲解JavaScript核心知识，包含最新ES6语法，从基础到API再到高级。让你一边学习一边练习，重点知识及时实践，同时每天安排大量作业，加深记忆，巩固学习成果。

60:10:24

黑马程序员前端JavaScript入门到精通全套视频教程，javascript核心进阶ES6语法、API、js高级等基础知识和实战教程

543.1万观看 16.4万弹幕

2.《框架前置课》AJAX-Node.js-Webpack-Git

本课程从 AJAX 技术入门，掌握前后端数据交互技术，做黑马头条数据管理平台等案例巩固语法和思路，接着学习 Node.js 和 Webpack 以及 npm 模块化等语法，体验前端工程化为后续学习框架做铺垫。最后学习 Git 版本控制系统来管理代码不同版本。

26:46:01

黑马程序员前端AJAX入门到实战全套教程，包含学前端框架必会的（ajax+node.js+webpack+git），一套全覆盖

90.8万观看 2.6万弹幕

第三阶段 VUE开发

学前导读：掌握多行业解决方案，项目开发拿来即用，帮你搞定前端工程师必备热门框架Vue.js。

1.前端高级Node.js零基础入门教程

本套课程作为框架前置课，重点为学生铺垫 npm、包、模块化、身份认证、CORS 跨域等主要知识点，为学习后面的 Vue 课程夯实基础。同时，本课程涵盖了 MySQL 数据库、API 接口项目开发等后端内容，拓宽了学生的知识面，为前端学生构建了前后端完整的知识体系，助力学生更好地发展。

22:34:40

黑马程序员Node.js全套入门教程，nodejs新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解

260.4万观看 6万弹幕

2.前端框架Vue2+Vue3全套教程

Vue2.x +Vue3.x + 实战项目，一套视频教程全覆盖，追求最短路径讲解，从入门到实战，章节自成闭环，每个章节配取企业化综合实战案例，让同学学以致用！快速掌握企业级开发实战能力！助您轻松掌握前端Vue 框架！

51:31:32

前端最新Vue2+Vue3基础入门到实战项目全套教程，自学前端vue就选黑马程序员，一套全通关！

243.5万观看 7.3万弹幕

3.iHRM人力资源后台管理项目

本课程主要分为九大章节，基于vue-element-admin基础模板开发，通过解析项目模板中目录及架构设计入手，逐步拆解业务模块，上手基于人力资源业务的功能开发，进行项目改造的同时对业务就行完善和开发，最后完成项目的整体开发和部署上线。

26:00:24

黑马程序员前端Vue项目《iHRM人力资源后台管理》全套教程，从vue基础模板开发到整体开发、nginx部署上线

21.7万观看 2778弹幕

4.Vue3小兔鲜电商项目实战

本课程从Vue3基础入门开始讲起，按照电商业务流程的推进方式逐一按照业务模块进行讲解。课程共分为7章：1. Vue3入门2. Pinia和项目起步 3. Home页和一级分类 4. 二级分类和详情 5. 登录和本地购物车 6. 接口购物车和支付 7. 用户中心和拓展课程。

17:04:05

黑马程序员前端Vue3小兔鲜电商项目实战，vue3全家桶从入门到实战电商项目一套通关

82.6万观看 1.6万弹幕

第四阶段 小程序&多端开发

学前导读：React帮你解锁中高级前端工程师能力地图，多端项目让你满足90%+企业需求。

1.uni-app小兔鲜小程序实战

本课程是全网首套用vue3加TS写的uniapp项目，里面大量封装自己的组件库，课程从 uni-app 基础入手，按照9大电商业务模块逐步实现完整的电商购物流程业务；涵盖了猜你喜欢、热门推荐、商品分类、商品详情、微信登录、用户管理、地址管理、购物车管理、订单管理等功能。包含微信登录，微信支付等业务。一套代码多端全面覆盖小程序端、H5端、APP端。

20:44:20

黑马程序员前端项目uniapp小兔鲜儿微信小程序项目视频教程，基于Vue3+Ts+Pinia+uni-app的最新组合技术栈开发的电商业务全流程

70.9万观看 1万弹幕

2.手把手快速带你开发微信小程序

本课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。学完基础之后，利用 uni-app 技术实现微信小程序的开发，可以做到一次开发多端部署。项目拥有首页、搜索页、商品列表页、商品详情页、购物车、登录支付等主要功能。涵盖了分包、vuex、组件化开发等核心技术点的使用。

29:36:44

黑马程序员前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)

559.4万观看 7.4万弹幕

第五阶段 鸿蒙应用开发

TypeScript零基础入门到实战

从零开始学习 TypeScript，上手时不需要工程化配置，完全没有任何学习负担。涵盖全套知识点，从 TypeScript 基础类型，到高级类型，到 TypeScript 的类型声明文件，再到配合 React 的使用，一应俱全。除了纯粹的类型外，还包括 TypeScript 类型兼容性、结构化类型等 TypeScript 原理内容。

11:46:00

黑马程序员前端TypeScript教程，TypeScript零基础入门到实战全套教程

46万观看 7128弹幕

第六阶段 面试必备

React18入门到实战

本课程从React核心基础开始，然后讲解企业开发必备全家桶系列，再次通过企业项目进行开发实战，有完整的前端前后台项目，既有后台管理系统项目，又有H5前台项目，最后讲授原理以及常见面试拔高知识，从基础到实战到提高系统的完整学习路线

23:48:11

黑马程序员前端React18入门到实战视频教程，从react+hooks核心基础到企业级项目开发实战（B站评论、极客园项目等）及大厂面试全通关

70.5万观看 1.2万弹幕

React零基础入门到原理详解

23:10:47

黑马程序员前端React视频教程，react零基础入门原理详解到好客租房项目实战

40万观看 4273弹幕

JavaScript面试

本课程从前端JavaScript面试高频问题入手，按照基本使用，实际应用，手写实现，源码阅读的顺序进行讲解。让同学听得懂，写得出，面试也知道如何描述。

12:00:42

黑马程序员前端面试必看视频教程（手写Promise+js设计模式+继承+函数柯里化等），10小时JavaScript面试全通关

10.2万观看 622弹幕

PS：学完这些的小伙伴别忘了回来留言，让新手小白看到你的进步，加入社区or粉群，还能互动学习，共同成长！

此套路线图会持续更新，把适合萌新小白学习的路线图呈现给大家，让大家学的爽！别忘了三连呦。最后祝愿大家学有所成！