软件工程师

目前在微软担任首席工程师(Principal Engineer) 的Cody Lindley，写了一个免费线上浏览的2024 前端工程手册(The Front End Developer/Engineer Handbook)该手册详细地列出各类前端领域要具备的基础、 进阶能力，同时每个都有附上推荐的学习资源。

《Eloquent JavaScript》 这本佛新的免费入门教学。从14 年前开始的第一版就是免费开源，到最近推出了第四版，把近几年JavaScript 的更新都补上了。之所以推荐 《Eloquent JavaScript》是因为，比起其他入门书，它的描述特别容易懂；另外每章都有搭配练习，最后还有一个实作的project。学程式只看书没有动手写，往往学习效果有限， 而《Eloquent JavaScript》让你边读边练习，学习效果会比较好。

MDN 发布MDN Curriculum，提供完整的免费前端开发教材。有别过去MDN 的技术知识点文件，是有系统的学习教材，包含各项最佳实践(best practices)，例如效能优化。硬技术之外 ，也讲前端开发者需要知道的软实力，像是如何团队合作

CMU 的免费线上课程 Intro to Database Systems，涵盖进阶的 SQL 语法、资料库设计、资料库最佳实践等等

这门 CS50 SQL 课程，涵盖完整的 7 堂课，从最本的 querying 到 optimizing 与 scaling，让你上完后对 SQL 能有一定的掌握程度

Google 汇整的资料结构与演算法学习资源，这系列选的内容，真的都是蛮推荐的。如果你对资料结构与演算法还不熟、想要入门，英文也还可以的话，可以参考 这系列的资源

DevToys 目前支援了超过28 个开发者常会用到的工具，例如把JWT 解密工具、JSON 变美的工具、Base64 编码与解码的工具、测试正则表达式的工具，以及Lorem Ipsum 产生器等工具。

Netflix 资深工程师 开发的开源专案 TypeHero，上面有各类 TypeScript 的题目，从简单到困难，同时有线上的编辑器让你可以直接练习。

电脑科学入门最推荐的 YouTube 频道

ByteByteGo 的开源系统设计学习素材 System Design 101，把复杂的系统设计，用很清楚的图示、白话的说明，阐述地让人很好懂

新加坡国立大学 (NUS) 开发的视觉化演算法学习工具 - VisuAlgo，许多人觉得演算法学起来很抽象难懂，透过视觉化的方式，会让你更能掌握演算法的精髓

Taro 的前身是LinkedIn 上小有名气的Tech Career Growth Community 是由两位前Meta 主任工程师共同创办，旨在帮助软体工程师的职涯发展。Taro 特别专注在技术以外的重要软实力，主要是两 位创办人发现，很多工程师无法升迁，不是技术能力不够，而是其他方面不足，而Taro 就是专注在那些方面。

The ReadME Project 是GitHub 底下开源的工程师进修资源，里头有许多职涯系列的内容，质量都非常高。包含教刚毕业的工程师找工作的《Get your first software developer job》、教你如何迈向 资深的《Junior to senior: An action plan for engineering career success》，以及教你如何在面试中问对问题，来检视该公司是否与自己契合的《Interview the interviewer》

Theo 是Ping 的创办人，过去在Twitch 当过工程师。他很擅长用图解的方式说明复杂的概念。除了讲概念外，他会定期邀请一些业界有名的工程师开直播，谈论各式各样前端 开发的议题。

Netlify 首席工程师，也是Solid.js 的创作者。Ryan 是个技术深度非常深的工程师，我在看他的影片时，很常都需要先暂停下来，消化一下后才能理解他讲的。他除了会 讲一些概念外，也很常在影片中直接实作。看资深的工程师写live coding 我觉得很有帮助，因为可以知道他们是怎么思考，同时也可以看他们如何架构程式。

Primeagen 是Netflix 工程师，虽然不是专注在前端内容，但内容都很优质。主要是做很多效能评比。他也很常会发一些跟工程师职涯相关的影片，每次看到都觉得受益良多。

Fireship 是很有名的工程师YouTuber，他擅长把复杂的概念用很简单的方式传达。 他原本只有Fireship 主频道，到今年又开了Beyond Fireship 这个副频道，在副频道中会讲一些更深入的 内容，相当推荐。

很多前端工程师初步掌握JavaScript 后，在工作上会需要进一步学TypeScript。Matt Pocock 是TypeScript 教学界中，榜上有名的好老师。先前他已经推出一门的免费入门课《Beginner's TypeScript》；后来又公开 免费的进阶课程《React with TypeScript》，教你如何在React 中善用TypeScript。我个人很喜欢这个课程的设计，概念讲解搭配互动式的练习，让你够从实作中掌握TypeScript。非常推荐想 学TypeScript 的人上这两门免费的课。

Google 推出的前端教学与部落格文，过去一年来Google 新增了非常多主题教学文。除此之外，也有进阶的部落格文章，每篇的品质都很不错。三不五时到 web.dev 上面滑滑，可以帮助在前端领域持续精进。

Kent Dodds 是前Paypal 工程师，也是业界中蛮有名的前端工程讲师，过去出过Epic React 等知名课程。Epic Web Dev 是他2022 新出的系列文，每篇质量都很高，很推荐想持续 进修前端的人可以订阅(是免费的)。

由Google 的资深主任工程师Addy Osimani 主笔。他也是十年前那本有名的JavaScript Design Patterns 的作者。patterns.dev 是基于最新的前端业界趋势，新写的版本。想要学习或复习前端设计模式 ，非常推荐这个免费资源

掘金应该是中文世界中，资源最齐全的网页前后端文章资源了。如果要读中文版本的前端知识点，每天爬掘金就对了。不过因为是论坛形式，文章品质会有点参差不 齐，所以可能要看一下按赞数，挑高品质的文章读就好。

许多前端的大佬都有在dev.to 上面发表文章。举例来说Qwik 的创作者Miško Hevery，或是Solid.js 的创作者Ryan Carniato，都有在上面发表文章。我自己是读完觉得 文章品质高的作者，会订阅他们。