很多人在学习编程的路上都会收藏一些资料，但是真正用起来的却很少，究其原因可能就是不够系统，资料不全。所以下面我也为大家整理了最全的前端学习教程+工具+书籍，就不用你一个个收藏了，看这篇就够了！！！

2022前端学习路线图+教程

所处阶段配套教程

第一阶段

基础入门

最新前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程
黑马程序员web前端进阶教程，前端html5+css3+移动端项目实战（含华为新闻，b站移动端等）

第二阶段

技术进阶

黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门
黑马程序员JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作
黑马程序员AJAX零基础到精通_整合Git核心内容全套教程

第三阶段

Vue开发

黑马程序员Node.js全套入门教程，nodejs最新教程含es6模块化+npm+express+webpack+promise等
黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程

第四阶段  

React&小程序开发

黑马程序员前端React视频教程，react零基础入门原理详解到好客租房项目实战
黑马程序员前端TypeScript教程，TypeScript零基础入门到实战全套教程
黑马程序员前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)

 前端学习软件

工具篇-学前端所用软件（学前端必备软件全都有）

资源名称

百度网盘一键下载

密码

Chrome浏览器https://pan.baidu/s/1G2HyBdIzHIq_EFmACRANtg

360f

简易版编辑器Sublimehttps://pan.baidu/s/1lmqLOtFkKGmkxNaIGEQjSg

lug4

WebStorm编辑器https://pan.baidu/s/19siWkfpC2ha9wj5t9RGN6g

iopd

Visual Studio Code编辑器https://pan.baidu/s/1J0AuxhzltdYwdPkhHdGsGg

niz6

PShttps://pan.baidu/s/19TlbxU7rQRHYmUYiGP3m2A

3mtu

MarkManhttps://pan.baidu/s/1mP_t4_RqoHVZZeuvW0g4Eg

xi6z

Adobe Fireworks CS6 Ansifa精简版https://pan.baidu/s/17IvXzXvnjpAYOiyFBFkRDQ

1865

X-mindhttps://pan.baidu/s/1c049MlsG7ZA5qbq1DZezzQ

awe2

Typorahttps://pan.baidu/s/1Nb36Lpg_S3OWnWBZ9pGKBw

uczh

Git开源的分布式版本控制系统https://pan.baidu/s/1EOjCMziILtitm_MVFx781g

nrvf

GitLabhttps://pan.baidu/s/1Ea8TXe68VAsylOo7_UZe2g

f1yw

SVNhttps://pan.baidu/s/1s7S7YvHOi7J1G6LhEcZhYQ

ql19

集成环境软件WampServerhttps://pan.baidu/s/1BLS4J6FOnDb2KdaUKONmIw

tboh

MySQLhttps://pan.baidu/s/1yq6WSQVZIXbu07U-Vi0VMg

g2em

Navicathttps://pan.baidu/s/1JGc-fiURzWjZu0Nr9IZ_BA

ashb

phpStudyhttps://pan.baidu/s/1yCInenpqIOuPDddLc9KK_A

jvf1

Node.jshttps://pan.baidu/s/17v3plvLsZ2O8j6O9MfNEOg

ojx0

微信开发者工具https://pan.baidu/s/1FiyYMwIppYXKFb-sHH4moA

wr9c

Postmanhttps://pan.baidu/s/1MfNllXqvkV8FHpsswfJIIg

djes

Httpwatchhttps://pan.baidu/s/1fvQjpNKjUwhdwfimbL4P0Q

6pjh

前端手册书籍

工具篇-学前端所用手册及书籍（学前端必备手册全都有）

资源名称

百度网盘一键下载

密码

html手册https://pan.baidu/s/1idtCfccls7G74it4hzBLCg

mdv0

css手册https://pan.baidu/s/1rlWo-DLNw_u9Nu7tuflw1A

gg6z

Javascript手册https://pan.baidu/s/1SnTDwePBv9TnMqwrZ7o8KA

wxtt

DOM手册https://pan.baidu/s/1BS6krawx3TuBg-XRKRxbKg

rc8a

Jquery手册https://pan.baidu/s/18CvsJRGxJaeTliZLsHYcvw

myyk

W3Cschool手册https://pan.baidu/s/19TS07KPax6WDg73gtWhO7Q

jm9v

CSS权威指南https://pan.baidu/s/15X5WgWnMErMm9LFlG6JiXQ

m6d6

深入浅出JavaScripthttps://pan.baidu/s/1JHxbzxdpmKkqwFzLLS2xUQ

v58l

JavaScript语言精粹https://pan.baidu/s/1_6C0nACXBdNN-kgSccs2tw

mbmg

JavaScript权威指南(第6版)(中文版)https://pan.baidu/s/1c98GsUvxXUXkSgN88G5Lrg

uv7g

JavaScript高级程序设计(第3版)https://pan.baidu/s/1Lt2wejs_1xmPyJ7DNpOnzg

hrab

JQuery权威指南https://pan.baidu/s/1MV0UgAdxiZl7kg29zkbUpg

wi3w

JQuery源码详细中文注释https://pan.baidu/s/1mXXe2pKKOyPUN8HPtn7Fxw

t81t

《锋利的jQuery》(高清扫描版)https://pan.baidu/s/1I_Hz1fWRjf_zZRoFCupZ1g

77kf

精通正则表达式https://pan.baidu/s/1qlZjzsy3d9Be-OlZks_RbQ

64o3

Ajax从入门到精通https://pan.baidu/s/1Op6ahC_QDbDDgHLqPkEBPg

ef58

html5权威指南https://pan.baidu/s/1DaiTFbZdX4CG5iE40xvhZw

yo6k

HTML5高级程序设计https://pan.baidu/s/1C95diPzFb4uAZvFku04dOQ

fzor

HTML5 WebSocket权威指南https://pan.baidu/s/134K5_0oR7PTM8WdDL1LM2w

y6s4

Node.js的深入浅出https://pan.baidu/s/1BenCZfyA-ZL0KG6xD_UrKg

5nx7

Node.js开发指南https://pan.baidu/s/1_dXs3LZtjq1QmjCBNxoePQ

pprw

AngularJS权威教程https://pan.baidu/s/17MS_bMEg0WlpVZPu1Ha3eg

nx7u

Vue.js权威指南https://pan.baidu/s/1iIGJ7qEOXRJIkOy2ERds7w

scbz

更多推荐

史上最全前端学习路线图（视频+工具+书籍+资源）