学习前端开发，找前端视频教程，看这篇就够了，纯干货！

前端视频学习，看这篇就对了，学习路线图+学习视频+学习思路指导，你想要的通通有！

针对刚接触前端的萌新小白来说，面对这么多的学习资源，一定都有同样的苦恼与疑问：零基础如何学前端，前端学习路线是怎么样的？

小编花了一周时间，整理了一份关于完全自学前端的学习路线图谱，可以让你免费白嫖到价值上万元的全套前端视频教程，话不多说，拿来吧你。

千锋前端视频大合集学习路线图

一、前端基础

HTML5+CSS3

12:03

44.8万观看 4771弹幕

千锋教育web前端入门视频教程，零基础必看的h5(html5)+css3网页制作教程 001-开启HTML5大前端学习之旅

此内容无法展示，请 重新加载

移动端布局

10:09

9380观看 11弹幕

千锋教育Web前端视频教程：页面布局与设备适配教程 千锋Web前端教程：1.超文本标记语言编程

此内容无法展示，请 重新加载

二、JavaScript

Javascript基础

03:37

117.9万观看 3344弹幕

千锋前端JavaScript全套教程_JS零基础完美入门到项目实战 1.1-01_JavaScript的历史知识

此内容无法展示，请 重新加载

Javascript高级

08:02

4.4万观看 598弹幕

千锋JavaScript基础&高级&实战，JS从入门到精通全套完整版（耗时300小时的JS编程大作） 01_认识JS

此内容无法展示，请 重新加载

jQuery开发

21:46

8915观看 7弹幕

【千锋web前端】jQuery入门到精通全套教程 1.01 jquery+选择器上

此内容无法展示，请 重新加载

Javascript项目

04:02

1.1万观看 24弹幕

纯原生前端技术打造仿小米电商网站视频【千锋】 千锋Web前端教程：01-小米项目前期准备

此内容无法展示，请 重新加载

三、Node.js教程

Node.js基础

02:08

1.9万观看 113弹幕

【千锋web前端】Node.JS经典版教程入门到大神 千锋web前端教程：01、NodeJS基础介绍

此内容无法展示，请 重新加载

Node.js项目

02:08

9753观看 4弹幕

（Node.JS+Node项目）全套合集，精华版【千锋】 千锋web前端教程：01、NodeJS基础介绍

此内容无法展示，请 重新加载

四、VUE教程

vue2.0+vue3.0

02:21

177.3万观看 1.9万弹幕

千锋教育前端Vue2.0+Vue3.0全套视频教程，vue.js零基础入门到vue项目实战 学习常见问题导读

此内容无法展示，请 重新加载

vue项目一

10:25

4.9万观看 645弹幕

千锋教育前端视频教程，Vue实战项目之喵喵电影 千锋web前端教程：02_项目开发流程

此内容无法展示，请 重新加载

vue项目二

21:49

4260观看 1弹幕

【好程序员】VUE实战项目精讲（VUE实战PC端项目-拉勾网） Vue.js实战项目-LagouAdmin-PC端-1

此内容无法展示，请 重新加载

五、React框架

React 全家桶

21:14

7183观看 16弹幕

【千锋教育】最新React技术全家桶项目实战全套完整版（零基础入门到精通） 1.01 React-basic-[01]-基础-1

此内容无法展示，请 重新加载

React项目一

16:17

6705观看 17弹幕

千锋web前端项目教程_ReactNative项目之美食App 千锋Web前端教程：1.RN开发环境准备与基础组件介绍01

此内容无法展示，请 重新加载

React项目二

05:27

2.2万观看 348弹幕

千锋教育web前端开发教程，React项目实战教程（全球新闻发布管理系统） 000-项目介绍-起步式

此内容无法展示，请 重新加载

六、公众号开发

微信公众号开发

03:31

2.3万观看 64弹幕

千锋微信公众号开发教程全开源（强烈推荐） 千锋Web前端教程：1.1 微信公众号开发课程内容介绍

此内容无法展示，请 重新加载

七、小程序开发

小程序开发

02:21

116万观看 2.5万弹幕

千锋教育前端微信小程序开发全套视频教程，轻松入门，零基础玩转微信小程序 学习常见问题导读

此内容无法展示，请 重新加载

微信小程序项目

15:44

9197观看 20弹幕

【千锋教育】微信小程序开发全栈项目之喵喵交友 千锋web前端教程：01_小程序整体架构介绍

此内容无法展示，请 重新加载

八、uni-APP

UniAPP基础&项目

05:35

103.9万观看 3493弹幕

千锋教育前端uniapp入门到实战项目教程(微信小程序+H5+安卓APP+IOS APP) 1.01-课程简介

此内容无法展示，请 重新加载

九、webpack

webpack基础&高级

05:33

111.7万观看 1.5万弹幕

千锋教育最新前端webpack5全套教程，全网最完整的webpack教程（基础+高级） 1.0.0 webpack5课程介绍

此内容无法展示，请 重新加载

持续更新……

全套前端学习路线共包含10000+个学习视频，含配套学习资料150G！

前端视频资料截图

由于资源太多，只截取了其中部分资源。每套视频都包含：课件、源码、笔记、资料、软件、素材等！

拿下这份B站前端学习视频资源大整合，你将：新手无师自通、自学无忧；老手查缺补漏、登峰造极；可以说是居家旅行必备。

目前还在持续更新中，详细看完以上视频教程并能吸收学习的同学，相信你会跟我一样，爱上前端，成就不一样的自己！

话不多说，干就行了！