各个阶级的前端 必须掌握的基本技能汇总

「 别问我这个问题了 」

前些天发过一篇面试的文《谈谈我面试别人的教训和总结》之后，其中针对第二点 【技术栈太老我不要】这一点，这引起了很多人危机感，然后收到很多留言和互动，其中一点就是：我该怎么学这些新技术呢？

自从我建立群和公开我私人微信之后几乎每天 都会收到类似的疑问，其中新手居多，都是询问北妈 我该怎么学呢？好苦恼，报培训班还是自学？自学去哪里啊 根本无从下手啊。

一开始我还会一一回复下，毕竟我是个亲和力十足的人，粉丝加了我我不回复不太礼貌，但是随着人数增多和时间成本的增加，一般我都会拉入粉丝群大家探讨学习心得，毕竟没有交流就没有进步，今天我在这里统一回复下这些疑问。

这个问题应该特意开个长篇 详细叙述下 如何自学、怎么样有效率的自学，但这需要很多时间段来搜集素材和收集想法才能成型，所以今天先简单告诉有需要的童鞋几点学习注意的技巧和途径。

「 需要学习基础知识点 」

• 新手必打基础

1. HTML4\HTML5

2. CSS2\CSS3

3. ES5（原生 js 基本语法）

4. JSON 数据结构

5. 网络请求、AJAX

6. 学会用google，我不能说

• 中级进阶必打基础

1. ES6 语法糖

2. 同步、异步思维

3. chrome devlop 控制台熟练调试

4. 模拟请求工具、抓包分析等

5. vue、react、angular 熟悉

6. scss、less 等css编译

7. 学会用google，我不能说

• 中高级进阶必学

1. 前端自动化配置 webpack、gul 等

2. nodejs简单开发

3. vue、react、angular挑其一熟练开发项目

4. 前后分离思想 + Async、Await 思想认识应用+和后端撕逼如何高效开发

5. 学会用google，我不能说

• 高级开发必学

1. 学会高效率撕逼

2. 学会高效率沟通 + 背锅

3. 学会如何避免长时间加班

4. 想想除了业务开发之外的后路

「 通过什么渠道学 」

1. 培训班

2. 网络自学

3. 在线教育

培训班今天不说，我也写过不少，自己翻一下之前的文。今天主要说自学

「 自学方式」

1. 看文档

2. 看视频

3. 看书 、电子书

我总结的差不多就是普通人自学的方式，牛鼻天才无师自通可以无视，普通人最难熬的并不是技术多难，而且战胜不了另一个自己。很多人半途而废，所以我一般都会劝大家直接干脆放弃IT，没错，我就是那个爱劝离的人。

因为你没有很大兴趣和决心，劝你别浪费钱和精力转行程序员，你坚持不了多久的，如果很有兴趣我一般劝他挑一个靠谱培的训班，这样成才的几率大些，毕竟普通人实在是太懒、太三分热血了。

新手入门： 我建议 你用 方式2 看视频，跟着视频学，视频图文并茂、绘声绘影，边看边敲 进步很快，也容易理解，强烈建议 ，建议质量不错的渠道有：慕课、极客学院等，打基础查字典去W3C。

中级者：建议你用 方式 3 多看书，电子书 买基本不错的书，结合文档和资料 学就行了，书还是比文档有趣和好理解一些，而且挑到合适的书会事半功倍。

这里给点建议：凡是 带字眼 ： xxx技术 深入浅出、xxx技术从入门到精通、xxx宝典等这些字眼的书一般别抱希望，你是进去就出不来，或者你压根就进不去，或者讲的比皮毛还皮毛，比流水账还流水账，不但花钱还会误导你，让你放弃。不如直接来一本 xxx从入门到放弃

高级者： 直接官方文档吧，比如 vue文档是公认的好，清晰，学 vue 不要在问我要资料和途径，官网文档就是最好 最好的学习途径+ google 就是利器，无需其他了。如果一个中高级开发者 要学新技术 连文档还不会看，懒得读，我劝你直接放弃本行业吧。说话有点毒，不过我真的劝你别浪费时间了。

「 最后声明 」

本文提到的视频网站，没有任何商业利益，只是单纯的推荐给大家，如果x课、x客 官方人员看到想给我广告费，我也可以考虑接受

某课 还总不定时邀请我去出有偿讲座视频，由于太忙，拒了，其中质量把控个人认为在国内还是第一档，比很多散户讲师质量好多了，所以如果看视频首选那里。

最后祝愿大家，早日成才，早日年薪百万，毕竟你们越尽快富有，我越可以得到更多的喜欢不是吗？你们看到这里你们还不懂吗？还不赶紧动手？

转载声明：本文转载自久一的偶像，错别字小北的公众号「前端你别闹」，搜索「webunao」即可关注。

推荐阅读

1. MyBatis框架教程「实践与工具类封装」

2.「SSM实战」从零开发内容管理系统

3. 从零开发一个JavaWeb项目要点「建议收藏」

4. Maven学习笔记（二）