前端学习路线

推荐学习1
推荐学习2
推荐学习3
5个免费GitHub最强前端学习资源

前端模板

滑动的登录注册页面

40 个超棒的免费 Bootstrap HTML5 网站模板

Html+css

Html+css 基础教程

网页高级编程（青鸾云）

HTML+CSS 基础入门教程全套视频 | HTML5+CSS3基础+案例

Web前端开发零基础入门学习教程-老杜带你学前端|好评如潮

尚硅谷Web前端HTML&CSS初学者零基础入门

尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版

HTML5+CSS+JS全方面解析

《零基础入门学习Web开发》（HTML5&CSS3）（小甲鱼）

极客学院-HTML5基础教学

一周掌握HTML+CSS

2018前端入门_HTML5

前端入门视频教程 HTML5+CSS3+移动端布局

从零玩转HTML5前端+跨平台开发上

Web前端开发之HTML+CSS基础入门

2020求知讲堂web前端（html5+css3）学完可就业

2021全新版-HTML+CSS 零基础权威入学宝典

Html+css 实战教程

H5分享页面背景音乐及播放视频

html美团网页实战视频教程

web前端小米商城项目实战

电商站首页布局实战

极简博客开发 - HTML&CSS实战

JQuery

JQuery视频教程

jQuery+Ajax从放弃到知根知底 - JQ基础+案例实战

web前端基础教程4天从零玩转jQuery

jQuery三步搞定表单验证 - 表严肃jQuery实战

jQuery视频教程

jQuery入门到精通全套完整版

尚硅谷jQuery教程(jquery从入门到精通)

Web前端开发教学 - 第二部分：jQuery+AngularJS+设计模式+面向对象的CSS

前端基础必备教程丨jQuery网页开发案例精讲

JavaScript

JavaScript基础教程

Web前端开发教学 - 第一部分：H5+CSS+JS

尚硅谷最新版JavaScript基础全套教程完整版

HTML5+CSS+JS

web前端开发必会的技能，JavaScript从零基础入门到精通

JavaScript从入门到精通

JS基础教程-黑马程序员

狂神JavaScript最新教程通俗易懂

前端基础进阶-JavaScript核心 DOM BOM操作

JavaScript基础语法-dom/bom-es6-jQuery-数据可视化echarts

全新_JavaScript_基础+高级_JavaScript教程_javascript视频_js

JavaScript实战教程

插件化开发 – 带搜索功能的下拉菜单

H5+JS+CSS3 实现圣诞情缘

36个js网页特效教程#能全写完就精通JavaScript

Ajax

Ajax教程

input实现文件上传

尚硅谷Ajax实战教程全套完整版(初学者零基础入门)

尚硅谷Web前端Ajax教程初学者零基础入门到精通全套完整版（ajax最新版）

Ajax从零入门到精通（part 1）

Ajax从零入门到精通（part 2 完结）

Web前端Ajax入门实战教程-深入剖析ajax技术【快速入门】【通俗易懂】

一小时掌握Ajax

ajax基础

Ajax入门到精通全套完整版(ajax2020最新版本)Web前端Ajax初学者零基础学习必备

BootStrap

BootStrap基础教程

一周学会Bootstrap

尚硅谷Bootstrap教程(bootstrap框架讲解)

适合后端开发人员的bootstrap超详细使用教程,结合springboot案例,已完结!

Bootstrap 4 从入门到学会

一天学会 BootStrap 网页制作框架

2021年最新完整版 Bootstrap教程（最给力的前端框架）

搞前端的应该对这个不陌生

Bootstrap v3.3.6 中文教程 [17p]

web前端开发 bootstrap框架基础入门视频教程

Bootstrap实例教程

Bootstrap4-基础入门到精通

Bootstrap 4 中文教程全集

玩转Bootstrap

Bootstrap视频教程

BootStrap实战教程

bootstrap4+玩转响应式开发+一套代码适配多页面+撩课出品

从零玩转bootstrap+项目实战

Bootstrap实战教程

bootstrap商业网站实战

Bootstrap新闻站开发 - Bootstrap实战

基于bootstrap的响应式电子商城开发实战教程

BootStrap模板

demo-html

BootStrap文档教程

bootcdn

Bootstrap 环境安装

Bootstrap 排版

Bootstrap中文网

LayUi

LayUi教程

layui2.5.4版本学习视频_武汉尚学堂

layui视频教程

史上最通俗易懂的Layui前端框架

玩转 layui ，从入门到使用

【Layui2.x / 前端框架 / 前端UI库】

Layui视频教程

[前端从入门到放弃]-LayUI入门教程

ES6

ES6基础教程

ElasticSearch7.6.x最新完整教程通俗易懂

dom/bom-es6-jQuery-数据可视化echarts

深入解读ES6系列(全18讲),详见简介

2019全新javaScript进阶面向对象ES6

尚硅谷Web前端ES6教程，涵盖ES6-ES11

ES6免费视频教程

2020年ES6-8最新教程

适合后端编程人员的elasticsearch快速实战教程,已完结!

Echarts

Echarts基础教程

ECharts数据可视化项目-大屏数据可视化展示-echarts 图表制作-pink老师直播课更新完毕）

Echarts从入门到放弃

JavaScript Echarts 数据可视化 教学视频

ECharts零基础入门精通教程

用最流行的图表引擎ECharts来展示电商平台数据，是不是超级酷炫

Echarts入门级教程无废话

Echarts实战教程

Python爬取疫情实战：Flask搭建web/Echarts可视化大屏

Echarts疫情地图项目实战

百度地图学习

百度地图API详细

Angular

Angular教程

Angular教程_Angular8 Angular9入门实战视频教程

尚硅谷AngularJS实战教程(angular.js框架精讲)

某马Angular 39(全)

2020最新Angular实战教程

angular8实战网易云音乐

Node.js

Node.js基础教程

黑马node.js视频（最优入门视频）

2019最新黑马程序员nodejs入门教程

NodeJS从入门到精通

2020最新最全Node实战课程（含爬虫和web服务器开发）

尚硅谷超经典NodeJS-node.js实战教程全套完整版(初学者零基础入门)

2020年6月最新录制Nodejs+Express视频教程

nodeJs学到这个程度，就可以拿来做web项目啦！

nodeJS

Nodejs教程 Koa教程_Koa2+MongoDb入门实战视频教程（IT营大地老师）

Node.js实战教程

轻松学node.js系列(实战系列前篇,全18讲)

Node.JS后台管理系统

2021年node.js最新教程（基础+全栈项目）

1小时搞定NodeJs(Express)的用户注册、登录和授权

React（推荐的视频有可能一样，但是要有没有资料）

React基础教程

前端2021 框架-react基础到实战-2021年新版基础

前端框架 React 视频教程全集（45P）| 14 小时从入门到精通

最全的react视频【黑马程序员】

React16免费基础视频教程

2020最新前端_React实战教学【老陈打码】

尚硅谷2021版React技术全家桶全套完整版

react精品教程__3天全集版

React源码解析

Web前端开发框架React.js三天详解教程

从零开始的React！

React实战教程

尚硅谷React项目教程(react实战全栈谷粒后台)

2020最新版-React实战教程

手把手教你如何实战React项目?这里绝对给力!

前端 React 后台项目实战视频教程全集（141P）| 21 小时从入门到精通

2019React教程+实战全集

前端 React 前台项目实战视频教程全集（76P）| 21 小时从入门到精通

尚硅谷React实战教程全套完整版(轻松入门到精通)

React-后台管理系统项目实战

2020前端React-Native跨平台APP实战开发教程

React快速开发迷你记账簿(共10期)(已完结)

Webpack

Webpack教程

尚硅谷最新版Webpack5实战教程(从入门到精通)

10天搞定webpack4

玩转Webpack - 表严肃讲webpack

尚硅谷Webpack教程(新版webpack已上传，推荐观看)

尚硅谷前端Webpack5教程（高级进阶篇）

2020Webpack速学实战教程

webpack3零基础入门视频教程(全14讲)

Axios

Axios教程

尚硅谷_axios核心技术

axios从小白到入土

Vue（重中之重）

Vue基础教程

2019年最全最新Vue、Vuejs教程，从入门到精通

学 Vue.js 看这个就够了

前端基础必会教程-4个小时带你快速入门vue

vue

2020前端VUE框架最新最全实战课程

Vue最新快速上手教程通俗易懂

VUE核心技术-vuejs-vue js-前端-尚硅谷

尚硅谷Vue核心技术实战教程全套完整版(vue.js初学者快速入门到精通)

B站最强vuejs14天入门到精通-vue.js-vue-Vue-VUE2.X-VUE3.0-github完全开源课件资源

Vue.js精讲 - 表严肃讲Vue

手把手撸码前端 - 第2学时 安装node.js、vue3.0脚手架、创建github代码管理仓库、构建vue项目

Vue3.0正式版教程2020年9月19号全网首发-Vue3 One Piece 持续更新中…

Vue.js从入门到精通教程

尤雨溪教你写vue 高级vue教程 源码分析 中文字幕翻译完毕

Vuex从入门到实战

Vue.js入门教学

Vue全家桶从入门到实战

Vue2.x基础免费视频教程

vue.js视频教程(无废话版)

Vue + Vue-Cli 快速入门教程

Vue.js生态之vue-router

VUE全套教程开源【2020强烈推荐】

带你快速掌握vue、Vue.js-Vue.JS从入门到实战

2020年Web前端开发Vue项目实战(纯干货，超详细)

Vue实战教程

使用 Vue + DataV + ECharts + Element UI 打造的新冠肺炎疫情数据大屏。

2020企业Vue开发实战教程

尚硅谷2021最新Vue.JS教程快速入门到项目实战（Vue3/VueJS技术详解）

Vue2.x实战POS系统

Vue实战项目之喵喵电影

2020年最新最全-vue全家桶+Vuejs精讲（多案例+多项目）【撩课】

Vue实战项目：电商管理系统（Element-UI）

2020 最新 黑马 Vue 电商项目-实战-2020

2020最新Vue项目实战,B站移动端从0到1开发

黑马程序员VUE经典视频-4小时+5个拣选案例让你快速入门Vue.js-想学习vue的童鞋可以围观了

尚硅谷Vue实战教程(企业级vue项目，Vue项目硅谷外卖)

2020 最新 黑马 Vue 电商项目-实战-2020

Vue全家桶实战+Vue商城项目实战+如何部署上线+SSR服务器渲染

适用于后端编程人员的Vue实战教程,整合SpringBoot项目案例、已完结!

Vue实战项目：电商管理系统（Element-UI）day1-day3

权限管理功能开发

基于NUXTJS 的个人博客

基于Vue、Node.js(Express)、MongoDB搭建的个人博客blog&后台管理系统admin

Vue2.x实战项目-个人博客

Vue2.x实战项目-个人博客

基于vue2 + vue-router + vuex 构建的一个新闻类单页面应用 —— 今日头条（移动端）

基于vue2 + vue-router + vuex 构建的一个新闻类大型单页面应用 —— 今日头条（native端）

基于vue开发的新闻阅读，包含知乎,头条新闻

vue 仿头条新闻

前后端分离项目----前端框架 vue 入门到实战(上)

Vue3+TS+element-plus实战后台管理系统

Vue实战-2019年-面过-后台管理系统

2021全新版 VUE零基础到实战权威开发宝典【渡一教育】

学完这个VUE.js 2.4(全+项目实战)

VueCli3实战项目-还原饿了么订餐app(短信验证码登录和高德定位)

vue电商项目实战

Vue3.0项目实战-黑马电影WebApp

Koa2+Vue2.x实战电商系统

APP开发

APP开发教程

Uni-App从入门到实战-黑马程序员杭州校区出品

2020最新前端框架Uni-app基础入门+项目实战教程【配套源码+笔记】

Dart Flutter教程_Dart Flutter入门实战视频教程

Android实战开发–天气预报App

轻享-APP开发实战全系列教程视频Android studio 开发实战多人社区

uni-app基础+进阶+案例

前端：项目实战谷粒音乐APP

微信小程序开发

微信小程序基础教程

尚硅谷2021版微信小程序开发（零基础小程序开发入门到精通）

零基础玩转微信小程序

从入门到入土课程

28节课快速玩转微信小程序

2019年7月最新小程序开发教程

微信小程序开发学习

从零开始制作微信小程序

定个小目标，我要会微信小程序开发

微信小程序开发视频教程

2020最新小程序开发入门教程【源码+笔记】

软件测试进阶教程微信小程序测试实战—全网首发

微信小程序实战教程

微信小程序2019快速入门+四个实战小程序

2020最新微信小程序开发零基础入门+项目案例【新视觉实训】

微信小程序 小游戏 最全开发教程 第一篇

黑马程序员微信小程序专题课之玩转商城项目！（整套配源码及讲义）

2020年微信小程序和云平台实战项目

2020年最新最全-小程序+云开发精讲（多案例+多项目）

小程序·云开发 — 数据库项目实战

轻松入门微信小游戏·云开发

微信小程序-案例篇-自用

微信小程序开发 商城项目实战（12课时） 从零开始学习小程序

微信小程序从基础入门到项目实战-黑马程序员-pink老师推荐(持续更新)

尚硅谷-微信小程序项目实战

2020最新版微信小程序：0基础+项目实战

微信小程序云开发基础到实战 云数据库 云函数 云存储 云调用【新视觉】

微信小程序实战——番茄时钟

云开发实战：4小时快速打造电商小程序

黑马程序员6天实战开发微信游戏小程序（Cocos2d的升级版 CocosCreator + JavaScript）

零基础10小时入门微信小程序云开发

零基础入门小程序开发及商城项目实战

微信小程序——本地生活项目实战

入门到实战，讲讲公司的微信小程序【django+drf+小程序实战】

微信公众号开发

微信公众号开发教程

微信公众号开发-Java版

尚硅谷公众号开发，微信公众号开发实战

2020年微信公众号开发教程全开源

项目实战

elementUi+vue+node+express+mongodb简易学生成绩管理系统

大前端技能最通俗易懂的讲解，快速入门必看！NodeJS、Npm、Es6、Babel、Webpack

VueJS-NodeJS-MongoDB】商城项目实战

NodeJs+VueJs全栈开发王者荣耀官网(Express+ElementUI)

NodeJs(AdonisJs)+VueJs开发带完整后台管理UI的博客系统

Element UI + NodeJs(Express)全栈开发后台管理界面

Nodejs+Express+Mongo实战TodoList(共17讲)

第一章：(nestjs)NodeJs+VueJs全栈开发《全栈之巅》视频网站+app+小程序

nodejs教程_2020年Nodejs+Express+Koa2入门实战视频教程-2020年重新录制的Nodejs教程

探花交友 React Native 跨端APP项目实战开发教程 ——【黑马程序员】

React移动端开发+React native电影平台项目实战（完）

2020版React最全视频【2个项目实战】

前端：项目实战谷粒音乐APP

使用webpack+vue从零开始打造前端项目(2020最新版)

微信小程序开发+java后端管理系统

前端开发利器vue，微信小程序快速开发实战，黑马程序员前端web教程

VUE+Element UI+Vue Element Admin+SSM+微信支付实现前后端完整电商闭环

NodeJs + VueJs (Express + ElementUI) 全栈开发王者荣耀手机端官网和管理后台

基于vue+node+mysql的多人博客

淘宝商城项目实战开发【渡一教育】

vue+vant-实现web前端项目-网易严选移动端app

Canvas小白入门到实战(飞机大战)

vue + element-ui 做的音乐平台

Vue完整前后台项目介绍

基于微信小程序的商城系统

这是一套基于nodejs+mongodb实现的电影网站cms系统

基于VUE仿移动端appleMusic界面，网易云接口，可登录可使用许多功能

CSS案例：焰灵姬动态音乐播放UI

vue-desktop-nicemusic 仿网易云音乐

橘子音悦

使用vue.js + node.js + mysql ，搭建登录注册功能的案例

2020 最新 黑马 Vue 电商项目-实战-2020