精选的 HTML、CSS、JavaScript 等资源（大部分）免费列表

多年来，我编写代码，收集了很多我觉得有用的网站书签。每当我的学生遇到某个问题时，我都会用这个列表来帮助他们找到正确的方向。

我决定将列表放到网上，而不是通过电子邮件发送给人们...这样更方便 🙂 所以，这是我的前端 Web 开发资源列表！

只要有可能，我都会专注于提供免费资源，以便每个人都能访问该列表。

以下是我最喜欢的几款产品（无先后顺序）：

dev.to

好吧，关于第一篇帖子缺乏秩序，我撒了个谎！毕竟这是一篇 dev.to 的帖子！自从今年夏天加入以来，我一直惊叹于这个社区的力量和团结。Ben、Jess 和 Peter 做得非常出色，他们帮助这个社区发展成为开发者们在线交流的首选之地之一。

免费CodeCamp

在 Web 开发社区，很少有人不知道 FreeCodeCamp。这是一个非常棒的免费编程学习资源。你可以浏览所有课程，也可以选择自己想学习的技能。除了课程之外，他们还提供精彩的文章和精彩的播客，帮助你随时随地学习。

语法播客

这期播客不仅内容丰富，而且非常有趣。主持人 Wes Bos 和 Scott Tolinski 是很好的朋友，这让播客充满活力。他们都是优秀的开发者/讲师，每一期都充满了知识炸弹。

Visual Studio 代码

V...S...Code。哦，我多么爱你😍 我可以滔滔不绝地讲上几个小时，讲述用这个文本编辑器写代码是多么的乐趣……而且我可能还会在另一篇文章里继续讲。如果你还没试过，我建议你试一试。网上有很多文章介绍如何针对特定的工作流程进行良好的设置，可以帮助你快速上手。

灯塔

在这个列表中添加测试工具可能有点奇怪。我知道这不太酷！但说真的，Lighthouse 提供了一套令人难以置信的测试工具，可以帮助你构建基础健全的网站。该工具还包含以下功能：直接从 Chrome 开发者工具运行审核：

• 表现
• 渐进式 Web 应用基准测试
• 最佳实践
• 可访问性
• 搜索引擎优化。

还有补充吗？

有如此多令人难以置信的资源，我知道这个列表将会不断增长。

如果您有任何想要添加的资源，我很乐意听到！

保持联系

如果您希望保持联系并在列表中添加新资源时获得更新，请在 Twitter 上关注 Frontend Mentor。