hdp分享码2020_2020年新版前端学习路线图（内含大纲+视频+工具+面试）

最近有很多小伙伴给我留言，想要前端的学习路线图和学习技巧，今天小谷就来分享下前端方向的学习路线图和学习视频。

相信前端对于编程的小伙伴来说并不陌生。一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，先来带大家看下前端工程师所需要学习的知识点和路线图。

在分享路线图之前，先来给小伙伴们分享下前端开发使用的工具和前端工程师常用的技术社群

一、2020年最新版前端学习路线图

学习大纲及各阶段知识点

学习路线图各知识点

二、2020年最新版前端发展路径

前端发展路径

三、2020年最新版前端各阶段学习视频

1.第一阶段

HTML5和CSS3 提取码: mwdc

梅兰商城页面开发 提取码: uftf

2.第二阶段

H5C3 进阶 提取码: w4d6

移动 Web 网页开发 提取码: 5ppq

3.第三阶段

JavaScript基础 提取码: ztai

JavaScript精讲（知识点精讲+贪吃蛇项目） 提取码: gtqp

JavaScript进阶ES6 提取码: qdiz

jQuery网页开发案例精讲 提取码: 4mk3

jquery进阶实用教程 提取码: 2sp8

4.第四阶段

Node.js 基础 提取码: 5n2r

AJAX 编程 提取码: q5h2

利用jQuery+Ajax+HighCharts打造项目图表 提取码: 7uih

5.第五阶段

Vue.js 基础 提取码: 2tie

Vue.js 项目 提取码: sme5

6.第六阶段

一天教你打造企业级微信小程序 提取码: bpi7

零基础玩转微信小程序 提取码: 8ksx

带你用vue开发微信小程序（uni-app） 提取码: gmgn

7.第七阶段

react.js基础 提取码: vvxx

四、2020年前端学习手册

学前端必备手册全都有 提取码: 3zz7

在来总结下：前端学习方法，也是正在学习中的小伙伴们需要注意哒~

1：学习过程中遇到一个小错误卡住很长时间，很多人就会在网上不断的找资料，找案例这样效率是比较慢的，应该自己一步一步进行反推，其实有时候可能你本来就没有任何问题而是你的代码出现一个中文符号，空格，括号不全，所以耐心的先反推一下，这样一是提高自己独立解决能力，二是让自己能记住这样错误下次可以快速反应。
2：很多人习惯边看视频边敲代码，其实这样对于提高是有影响的，应该是你先了解原理和写法，然后自己在操作一遍，并且拓展自己这样的原理还在哪里可以运用，这样下次再写类似的效果或者插件的时候，可以直接想起来。
3：格式问题，代码编写的格式，说重要可能不重要，因为只要你写出来效果是没问题的，但是我们要想一下代买的可维护性，当你过几天几周，几个月的时候在看这个代码，你确定你还能知道是怎么写的，并且在给上级看的时候上级能看懂，所以代码的格式也很重要的，所以尽量把代买写的规范一些，记得在大板块的方面加一个小小的备注，不光方便自己也方便他人。

以上是小谷整理的学习资源和知识点。路线图有新增知识点会随时更新进来~

如遇以上分享链接遇到失效，欢迎私信留言，会第一时间分享！小谷及时更新链接。

电脑端私信方式：

APP端私信方式：

小伙伴们如果感觉对自己有帮助可以留下你的小脚印~ 点赞、关注账号！小谷会持续更编程文章和定期发放福利~