自学前端需要达到什么水平？当然是水平越高，越容易找到工作。

在竞争这么激烈的2020年，就需要更加的努力，充实自己，让自己不被代替！

看了好多的回答，大家都是再说学到什么水平能找到工作，我就来分享干货吧！祝看到这篇干货的小伙伴，工作步步高升！

黑马程序员学习路线图及能掌握的能力（总，以下会分阶段，加上配套学习视频，小伙伴可继续往下看！）

第一阶段：HTML5+css

配套学习视频：

课程：[黑马程序员html5+css3+移动web_前端入门教程，Web前端教程_零基础前端视频教程](https://www.bilibili.com/video/BV1pE411q7FU)
配套资料：https://pan.baidu.com/s/1QXO1bA7IilPAp-zuOXHrUA 提取码：qgr4

第二阶段：移动web网页开发

配套学习视频：

2018移动web进阶教程
完整视频：http://yun.itheima.com/course/333.html?2010stt
配套资料：https://pan.baidu.com/s/1x1n1CXqMAKhhFS3d6wFuAg 提取码：7zae

第三阶段：JavaScript网页编程

配套学习视频：

课程：[黑马程序员JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作](https://www.bilibili.com/video/BV1k4411w7sV)
配套资料：https://pan.baidu.com/s/1xvZDijd9UJ_vXZr3BCL66Q  提取码：l9m6 

 [黑马程序员前端基础必备教程|jQuery网页开发案例精讲](https://www.bilibili.com/video/BV1a4411w7Gx)
配套资料：https://pan.baidu.com/s/13oBA6EEonW2NPaoBmLwFpg 提取码：wqm2

第四阶段：Node.js与Ajax

配套学习视频：

[用最流行的图表引擎ECharts来展示电商平台数据，是不是超级酷炫](https://www.bilibili.com/video/BV1VZ4y1M7ZC)

4天精通NodeJS教程
完整视频：http://yun.itheima.com/course/494.html?2010stt
配套资料：https://pan.baidu.com/s/1783vEE8Izq3YRYqWUIgyEw 提取码：wgck 

[黑马程序员前端基础教程Ajax零基础入门_上部](https://www.bilibili.com/video/BV1ox411M7P2)

[黑马程序员前端基础教程Ajax零基础入门_下部](https://www.bilibili.com/video/BV15x411E7xH)
配套资料：https://pan.baidu.com/s/1jIxg_a6H7Qj1gAxhPvPQPA 提取码：0ecq 

第五阶段：vue.js项目实战

配套学习视频：

[黑马程序员vue前端基础教程-4个小时带你快速入门vue](https://www.bilibili.com/video/BV12J411m7MG)

[前端开发利器vue，微信小程序快速开发实战，黑马程序员前端](https://www.bilibili.com/video/BV1Sc41187nZ)

配套资料：https://pan.baidu.com/s/18EYUverPkdR7Gx3FQazxCQ 提取码：743p

2018年Vue.js深入浅出教程
完整视频：http://yun.itheima.com/course/335.html?2010stt
配套资料：https://pan.baidu.com/s/10kSgCuQK37v7ADkYXUoQsw 提取码：3j7t

第六阶段：微信小程序

配套学习视频：

一天教你打造企业级微信小程序 
[黑马程序员微信小程序开发前端教程_零基础玩转微信小程序](https://www.bilibili.com/video/BV1nE41117BQ)
配套资料：链接：https://pan.baidu.com/s/1yXnQxt8dCe0W8VuGX-wpzA 提取码：qmbt

[前端开发利器vue，微信小程序快速开发实战，黑马程序员前端](https://www.bilibili.com/video/BV1Sc41187nZ)
配套资料：https://pan.baidu.com/s/1o9CsFRc 密码：434z

[黑马前端React精品教程， React零基础入门到原理详解](https://www.bilibili.com/video/BV14Z4y1u7pi)

分分钟快速入门小程序开发
完整视频：http://yun.itheima.com/open/276.html?2010stt
配套资料：https://pan.baidu.com/s/1TlykAaVydvxIfTFwrRdGkQ 提取码：gtsw 

前端福音！小程序实战开发2
完整视频：http://yun.itheima.com/open/131.html?2010stt
配套资料：https://pan.baidu.com/s/1WelFZzf1E2fxf2f0Wk07wg  提取码：q2es 

 2小时教你开发一款裂变朋友圈的小程序(跳一跳)
完整视频：http://yun.itheima.com/open/244.html?2010stt
配套资料：https://pan.baidu.com/s/1LscHFittN2Pp_vaJqsAORQ  提取码：pz4q 

零基础玩转微信小程序（优购）
完整视频：http://yun.itheima.com/course/589.html?2010stt
配套资料：https://pan.baidu.com/s/1nG4gtXDWDbmgG05Fh6SPpQ 提取码：wh2o

2小时轻松实现人脸识别的小程序
完整视频：http://yun.itheima.com/open/479.html?2010stt
配套资料：https://pan.baidu.com/s/1F_1fVXznCO3VcRyxT6vRVQ 提取码：5g6p

第七阶段：React.js项目实战

配套学习视频：

Reactjs入门教程 
完整视频：http://yun.itheima.com/open/265.html?2010stt    
配套资料：https://pan.baidu.com/s/1SUFekfhK36arNbx41DawRg  密码：4eds

ReactJs精品教程
完整视频：http://yun.itheima.com/course/364.html?2010stt
配套资料：https://pan.baidu.com/s/1C_I9Vt-IfEnuoN9SurBpOQ 提取码：j8j6

第八阶段：框架阶段与原理

第九阶段：移动APP开发

第十阶段：node.js进阶

第十一阶段：可视化游戏

第十二段阶段：架构与运维