写给前端技术小白、初级前端的一点学习建议

前言

首先，简单介绍一下本身，20 届普通二本毕业生，非计算机专业。2018 年 3 月开始开始自学编程，早期学的是 Java、C 语言、PHP。从去年 4 月份开始正式入坑前端。

而后，这段时间刚入职，工做上的东西搞得有点晕头转向。全新的技术内容、工做任务，确实充满了挑战，我也从一个算是有必定经验的再一次变成了小白。

回到正题，咱们此次来简单聊聊对于前端技术小白、初级前端如何学习前端。

1、视频学习

对于技术小白而言，让你一开始就抱起一本几百页的《JavaScript 高级程序编程》或者《JavaScript 权威指南》。我想你可能几天就放弃了编程这条路。

由于，技术书籍在必定程度只适合已经习惯这个技术栈的人阅读，这样才不会感受枯燥。因此，对于技术小白而言，我建议从视频学习开始入门，这样你能够经过别人给你暂时描述出你一段时间后会是怎么样，你才能从一而终地保持好奇心。

慕课网

首先，我比较推荐的视频学习网站是「慕课网」。虽然，我历来没在上面看过入门的课程。可是，不管是从讲师水平、课程质量来讲，「慕课网」上涵盖了初级、中级、高级工程师所须要的知识体系。

而后，对于初级前端，我推荐「黄秩」前辈的课程，就我而言我买了两门《Vue.js 源码全方位深刻解析》和《下一代前端开发语言TypeScript从零重构 axios》。

这里简单讲讲《Vue.js 源码全方位深刻解析》这门课程给我带来的收获，让我从一个 console.log 流变成了 debugger 流，而且，能够说我如今看 Vue2x 和 Vue3.0 源码为所欲为。

而且，颇有趣的是有时候你会发现 Vue2x 其实在一些小小的很狗血的地方 PS: 面试的时候，能够用于和面试官吹吹牛逼。

极客时间

其次，我比较推荐的网站就是「极客时间」，固然「极客时间」并不能说是纯粹的视频学习网站，它上面还有一些很是优秀的电子书。

对于极客时间来讲，我其实褒贬不一，由于上面有一些脑残讲师流水帐的课程被我买到，不忍吐槽。因此，这里我推荐两门我我的收获很是大的两门课程。

首先，是李兵前辈的《浏览器工做原理与实践》。若是，你是一个对浏览器相关知识很是薄弱的同窗，推荐阅读。

而后，是覃超前辈的《算法面试通关 40 讲》。这个能够说是面试算法题的杀手，按课程的节奏刷一遍 LeetCode，不少算法面试题均可以畅通无阻。

小结

视频学习也是我在早期学习前端途径，可是，当时并无人告诉我一些网站的好与坏，视野很窄，因此我也曾经入坑过「CSDN」 和一些不知名的视频教学网站。因此，对于以上推荐的课程，都是我排过坑后学习的课程，都给我带来了很大的提高。

你们若是有兴趣均可以放心买它，哈哈。

2、技术社区学习

对于技术社区学习，我把它大体分为两种「中文技术社区」和「英文技术社区」。

中文技术社区

「中文技术社区」，首当其冲的固然是「掘金」和「思否」。对于前者，很惭愧也很惋惜的是我是去年 10 月份注册的，接触的时间能够说不是很长，可是收获很是很是多。好比，春秋招的时间点，各类面经层出不穷，从个人学习角度看待面经，它有时候并非为了面试而存在，很大同样上是对本身学习方式的纠正和完善，所谓是博采众长，进一步提高本身。

惋惜的地方，是 2019 年 10 月我以前并不知道掘金，说出来感受也很羞耻，因此以前的技术学习至关于闭门造车了，致使不少时间都浪费了，学习方法不对、途径很少。不过，换个角度想，人生就是这般 鱼和熊掌不可兼得。

其次就是「思否」，对于思否而言，我的感受更加偏向于开源和技术的广度，对 AI 之类的技术都有所涉猎，以及相比较「掘金」，思否的写文章的推荐算法也大有不一样，至于不一样在哪，你们懂得哈哈。而后，思否上还有一个比较有趣的地方就是问答模块，在这里回答一些问题，很大程度也是测量咱们解决 Bug 能力、技术基础是否扎实等等。

英文技术社区

「英文技术社区」，对于这个我推荐的可能有所局限。可是就我体验而言，首先，我推荐的是「Hacker noon」。不知道，你们有没有注意过不少译文的文章来源都是「Hacker noon」，例若有时候阮一峰老师翻译的文章。而且，有一点感受很友好的是，国内是能够访问的，这个不会给你的阅读形成必定困扰。

提到「英文技术社区」，我这里还推荐你们订阅一下 JavaScript Weekly，它会每周末给你邮箱发邮件，邮件的内容是这一周和 JavaScript 相关的事件，例如以前的 Vue 3.0 beta realease、Deno、ES 新特性等等。

JavaScript Weekly 其实在必定程度上起到了一个信息筛选的做用。毕竟，前端已经学不动了。因此，很须要这个信息的筛选。

小结

可能推荐的「英文技术社区」有点少，由于像 「GitHub」、「StackOverflow」之类的，我就没有说起，由于这个应该算是经常使用的学习途径。若是，有其余更好的「英文技术社区」推荐的，欢迎各位同窗补充。

3、公众号技术推文学习

公众号技术推文学习，也是我很是推荐学习的一种方式。由于，正确的学习规划，它必定是片断化的，而不是成块成块地去学一个东西。只有片断化的学习，咱们的效率和吸收能力才是最高的。而，公众号技术推文的阅读，咱们能够在如何场合，坐公交、坐地铁、吃饭、躺床上等等，这些零碎的时间，咱们均可以利用起来阅读技术推文。

前端早读课

首先，我推荐的是「前端早读课」。固然，它不只有公众号，掘金、微博上都有它。「前端早读课」的文章，一直都是我打破视野的一种方式，每次均可以看到一些很是新的和架构性的文章，例如最近携程一位前辈写的面向 Model 的编程方式以及今天推送的对于中后台可视化界面搭建工具等等。

前端工匠

「前端工匠」对于我来讲意义非凡，由于在面试中的不少问题的准备，我都是借鉴了一番浪里行舟前辈写的文章进行必定程度的扩展，而后才能和面试官扳手腕（吹牛逼）。其中，写的很好的几篇关于类型判断、Event Loop、浏览器缓存等等。

小结

固然，优秀的公众号还有不少，例如「全栈修仙之路」、「前端 Q」、「前端开发」、「奇舞周刊」、「前端桃园」等等。这里，我就不一一介绍，有兴趣的同窗能够一个个点关注哈哈。

4、技术书籍学习

可能技术书籍对技术小白不太友好。可是，贯穿你整个技术生涯而言，技术书籍是一个不可或缺的技术学习方式。可能有时候，书本上的内容会比 MDN 上的文档有所落后。可是，须要强调的是编程的本质就是追溯本源的过程，例如在 Vue2x 源码中用了不少柯里化，那么什么是柯里化，我想若是你看过《JavaScript 高级程序设计》，那么在你看源码的过程就不会由于这个形成你的阻碍。固然，看书籍还有一点很重要的是，你能够经过看书了解到这项技术的刀耕火种的时期，这很是有趣。

因此，这里推荐几本我阅读过的很好的书籍：

• 《JavaScript 高级程序设计》
• 《JavaScript 权威指南》
• 《学习 JavaScript 数据结构和算法》
• 《深刻理解 ES6》
• 《TypeScript 实战指南》
• 《CSS 世界》
• 《Vue.js 实战》
• 《深刻 React 技术栈》
• 《了不得的 Node.js》
• 《Node.js 实战》
• 《图解 HTTP》
• 《Web 前端性能优化》
• 《Three.js 开发指南》

小结

其实，在文章开头的照片中就是目前个人藏书，因为我接触前端的时间不长，因此仍是有点少，也存在几本还没看和看完。目前，比较想买的基本例如图解系列书籍、HTTP权威指南等等。固然，你们有推荐的，欢迎留言。

博客分享学习

这里为何说起博客分享学习，对于技术小白而言，可能不会意识到写博客的重要性。可是，对于学习编程一段时间的同窗而言，一个很重要的东西就是技术复盘，这个技术复盘多是工做上的须要，也多是面试准备须要。那么，这个时候博客的重要性就体现出来了，有它在会很大地缩短咱们技术复盘的时间，而且还能把当初咱们学习总结的优秀点从新 Get 到，而不是从新学，或者一头蒙地翻以前的学习资料从新过。因此，博客分享的总结相当重要对于咱们每一个从事技术的人来讲。

这里再提一下，写的博客最好能经过社区分享出去，帮助他人的同时，也在树立本身的我的品牌（方便跳槽）

写在最后

固然，若是还有一些文档类的网站很是好，例如你们耳熟能详的「MDN」、「W3C」、「菜鸟手册」。而且，若是具体到学习某一项技术，首当其冲的就是官方文档阅读，由于它是最权威和最基础的一手资料。固然，还有一些零零碎碎的学习途径，例如一些优秀的 GitBook。此次总结分享的学习方式，可能还存在不足的地方，欢迎你们补充和批评。

写做不易，若是你以为有收获的话，能够帅气三连击！！！