2021年前端小白进阶大神必看编程资源免费分享（视频+源码+笔记）

小鱼儿 2022-11-09 12:50 147阅读 0赞

关注了我的同学都知道，我给大家分享资源，一般最先开始给大家的是 小白成长的学习线路图，先缕清思路，我们再开始学习

首先我们先看下前端应该从哪里开始学起，这是我在黑马程序员的论坛上找的一张学习线路图，可供大家参考  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pBQ0tfU1VKQVZB_size_16_color_FFFFFF_t_70_pic_center]  
2020新版前端与移动开发学习路线图视频资源 可以自行保存，如果有失效的 可以评论区留言。

**第一阶段 HTML5&CSS3**

HTML5&CSS

https://pan.baidu.com/share/init?surl=V679Tyv\_ArPOxNm5e7EKGA（提取码：0jh0）

梅兰商城页面开发

https://pan.baidu.com/s/1B2mohMLdZ-XbklsxewN\_cg 提取码：p6rw

**第二阶段：移动 Web 网页开发**

H5C3 进阶 https://pan.baidu.com/share/init?surl=7B187RZYzk1hCWiAH6Wq2g（提取码：04t3）

移动端开发 https://pan.baidu.com/share/init?surl=ZX5MdsyJeyPMMIKAbhZQ1Q（提取码：h7vw）

**第三阶段：JavaScript 网页编程**

JavaScript基础 https://pan.baidu.com/share/init?surl=yG0Er7vxlYpVowcoGjr1rg 提取码：pevg

JavaScript精讲（知识点精讲+贪吃蛇项目） https://pan.baidu.com/s/1nRKisPm8vRAh58AwRD7S1w

JavaScript进阶ES6 https://pan.baidu.com/s/1AVNgcRF\_zVftsOU6nL21CQ 提取码：ys1q

jQuery网页开发案例精讲 https://pan.baidu.com/s/1yV7ARuB-LeK77-\_XHm-5CA 提取码：4d71

jquery进阶实用教程 https://pan.baidu.com/s/10AofMwLyq-2VmneHHlsHZA 提取码：bfhp

**第四阶段：Node.js 与 AJAX**

Node.js 基础 https://pan.baidu.com/s/1dvkNTcHhEpMvY7-4aWggBg

AJAX 编程 https://pan.baidu.com/share/init?surl=64MRyodpDzauYt4TNi96NA（提取码：qqvp）

利用jQuery+Ajax+HighCharts打造项目图表

https://pan.baidu.com/s/1iBaYGZEMU33T8sLMjVXUag 提取码：oppu

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

Vue.js 基础 https://pan.baidu.com/share/init?surl=3atUZ-IMONSokHRO9O1PVA（提取码：0xd3）

Vue.js 项目 https://pan.baidu.com/s/1uze2UPaK36q\_J8yctVtyjA 提取码：8hm8

**第六阶段：微信小程序**

一天教你打造企业级微信小程序 https://pan.baidu.com/s/1yH-o9QUAZO9NGjesXnfP2Q 提取码：dinu

零基础玩转微信小程序 https://pan.baidu.com/s/1QAlEanZbl74B-IPuwB43PA 提取码：q5x5

带你用vue开发微信小程序（uni-app）

https://pan.baidu.com/s/1\_wIL3rQqdZ\_OZg58mtuH7g 提取码：i2gh

**第七阶段：react.js项目实战**

react.js基础 https://pan.baidu.com/s/1JCmAQfCvk9EInrVJxp9eOg 提取码：vlyh

三.前端与移动开发学习路线图—配套工具篇所用软件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pBQ0tfU1VKQVZB_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pBQ0tfU1VKQVZB_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/8d98fa2940314d38aa603490e7d78684.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pBQ0tfU1VKQVZB_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221023/d79f9c7675e348b5a87d1cbd20464f06.png