2023年web前端开发学习路线图

前端学习路线图火热出炉啦，还在为如何系统学习苦苦寻觅资源么？

2023年新版前端学习路线图这不就来了么！小伙计们甩开膀子学起来吧。

只要能坚持学下来，一定可以学有所成！

新手入门： HTML5+CSS3+实战项目 → 移动web

JavaScript阶段： JavaScript基础 → JavaScript核心Web APIs → 数据交互 & 异步编程Ajax\Git

VUE开发： 框架前置课Nodejs&es6 → Vue2+Vue3全套

React + 微信小程序： React → TypeScript → 微信小程序 

                                 前端学习路线详细介绍  

第一阶段    基础入门

学前导读：为零基础学员量身定制，教你搭建PC端和移动端静态页面，让你从小白升级成网页“化妆师”，轻松掌握 HTML5 和 CSS3 相关知识。 

1.Web前端零基础入门HTML5+CSS3+前端项目 前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1Kg411T7t9/?vd_source=c2c33a6b2fbb6f491b43c0a040a7a4ea

2.移动web开发实战 

黑马程序员web前端进阶教程，前端html5+css3+移动端项目实战（含华为新闻，b站移动端等）_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1xq4y1q7jZ/?vd_source=c2c33a6b2fbb6f491b43c0a040a7a4ea

第二阶段    技术进阶 

1.JavaScript深入浅出-0基础入门神器 

黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1ux411d75J/?vd_source=c2c33a6b2fbb6f491b43c0a040a7a4ea

2.JavaScript核心之Web APIs

黑马程序员JavaScript核心教程，前端基础教程，JS的DOM BOM操作教程_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1k4411w7sV/?vd_source=c2c33a6b2fbb6f491b43c0a040a7a4ea3.数据交互&异步编程-前端进阶Ajax零基础入门 

黑马程序员AJAX零基础到精通_整合Git核心内容全套教程（2022年已更新优化）_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1zs411h74a/?vd_source=c2c33a6b2fbb6f491b43c0a040a7a4ea

第三阶段    VUE开发 

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

黑马程序员Node.js全套入门教程，nodejs新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1a34y167AZ/?vd_source=c2c33a6b2fbb6f491b43c0a040a7a4ea2.前端框架Vue2+Vue3全套视频

黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端学习核心框架教程_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1zq4y1p7ga/?vd_source=c2c33a6b2fbb6f491b43c0a040a7a4ea

第四阶段   React&小程序开发

1.前端React精品教程

黑马程序员前端React视频教程，react零基础入门原理详解到好客租房项目实战_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1gh411U7JD/?vd_source=c2c33a6b2fbb6f491b43c0a040a7a4ea2、TypeScript零基础入门到实战 

黑马程序员前端TypeScript教程，TypeScript零基础入门到实战全套教程_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV14Z4y1u7pi/?vd_source=c2c33a6b2fbb6f491b43c0a040a7a4ea3.手把手快速带你开发微信小程序 

黑马程序员前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1834y1676P/?vd_source=c2c33a6b2fbb6f491b43c0a040a7a4ea