前端学习路线图火热出炉啦,还在为如何系统学习苦苦寻觅资源么?
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