2021黑马程序员前端资料+笔记

所有资料都整理来源于黑马程序员。目前还在完善中，可切换Tab查看进度。

已完成

第一阶段-前端小白零基础入门HTML5+CSS3

• HTML

• CSS

第六阶段

• React

• TypeScript（只有pdf）

第一阶段

前端小白零基础入门HTML5+CSS3

• HTML

• CSS

2021最新从0到1学Web前端

• 第一阶段HTML+CSS+小兔鲜实战

• 第二阶段移动web

第二阶段

• jQuery网页开发案例精讲

• JavaScript零基础通关必备-pink

• JavaScript核心DOM操作-pink

• 6天玩转电子商务数据可视化项目

第三阶段

• 版本控制Git

• Nodejs

• ajax从入门到精通

• 6天掌握mysql基础

第四阶段

• Vue3.js

• 4小时5案例带你快速入门Vue.js

第五阶段

• 一天教你打造企业级微信小程序

• 零基础玩转微信小程序

• 带你用Vue.js开发微信小程序

第六阶段

• React

• TypeScript（只有pdf）

• TypeScript（提供.md）

2021年最新前端路线图

以下是对应的B站2021年黑马程序员前端视频。

b站资源名称	黑马程序员视频库资源名称	B站在线观看地址	阶段
黑马程序员Pink老师Web前端入门教程，html5+css3+移动web实战项目_零基础前端视频教程	前端小白零基础入门HTML5+CSS3	https://www.bilibili.com/video/BV1pE411q7FU	第1阶段
黑马程序员JavaScript全套教程_零基础入门JavaScript，Web前端必学的JS教程	javaScript零基础通关必备教程	https://www.bilibili.com/video/BV1ux411d75J	第2阶段
黑马程序员前端基础教程-JavaScript核心教程，JS必会的DOM BOM操作_pink老师	JavaScript核心 DOM BOM操作	https://www.bilibili.com/video/BV1k4411w7sV	第2阶段
黑马程序员前端基础必备教程|jQuery网页开发案例精讲	jQuery网页开发案例精讲	https://www.bilibili.com/video/BV1a4411w7Gx	第2阶段
用最流行的图表引擎ECharts来展示电商平台数据，是不是超级酷炫	前端教程|6天玩转电子商务数据可视化项目	https://www.bilibili.com/video/BV1VZ4y1M7ZC	第2阶段
黑马程序员前端基础教程Ajax零基础入门_上部	/	https://www.bilibili.com/video/BV1ox411M7P2	第3阶段
黑马程序员前端基础教程Ajax零基础入门_下部	/	https://www.bilibili.com/video/BV15x411E7xH	第3阶段
Git零基础入门到实战详解	Git零基础入门到实战详解	https://www.bilibili.com/video/BV1sJ411D7xN	第3阶段
黑马程序员4天精通Nodejs教程	Nodejs教程精讲	https://www.bilibili.com/video/BV19t411Q768	第3阶段
6天掌握mysql基础视频	6天掌握mysql基础视频	https://www.bilibili.com/video/BV1Pt411E7Vn	第3阶段
黑马程序员前端基础教程-4个小时带你快速入门vue	4小时+5个拣选案例让你快速入门Vue.js	https://www.bilibili.com/video/BV12J411m7MG	第4阶段
黑马程序员Web前端教程_零基础玩转微信小程序	零基础玩转微信小程序	https://www.bilibili.com/video/BV1nE41117BQ	第5阶段
前端开发利器vue，微信小程序快速开发实战，黑马程序员前端web教程	前端利器-带你用vue开发微信小程序（uni-app）	https://www.bilibili.com/video/BV1Sc41187nZ	第5阶段
黑马程序员Pink老师精品WEB前端课程_28节课快速玩转微信小程序	web前端|一天教你打造企业级微信小程序	https://www.bilibili.com/video/BV1Ct411p7bj	第5阶段
黑马程序员前端React精品教程， React从零基础入门到原理详解	前端React精品教程	https://www.bilibili.com/video/BV1gh411U7JD	第6阶段
2020年前端热门教程推荐|五天从零基础学会TypeScript	前端web教程|5天零基础学会Typescript	https://www.bilibili.com/video/BV14Z4y1u7pi	第6阶段
黑马程序员pink老师前端教程，HTML5+CSS3京东项目实战_前端必备基础	Web前端入门教程_Web前端html+css+JavaScript	https://www.bilibili.com/video/BV1Vx411g7DP	往期的视频
前端教程_18集搞定企业实战项目之PC专题页	/	https://www.bilibili.com/video/BV1tx411j7xk	往期的视频
前端教程_百度外卖项目实战开发	/	https://www.bilibili.com/video/BV1nx411E7Rh	往期的视频
Web前端移动开发进阶教程-乐淘移动商城项目	/	https://www.bilibili.com/video/BV1nW411Z7kT	往期的视频
最全面的Html5+css3教程，前端开发工程师进阶教程	2018版Html5+Css3由浅入深教程	https://www.bilibili.com/video/BV1b4411i742	往期的视频
黑马程序员web前端基础教程_4天从零玩转jQuery		https://www.bilibili.com/video/BV1pt411H7D6