原文：Essential Frontend Resources in 2019
作者：Zahin alwa
译者：博轩
为保证文章的可读性，本文采用意译
在过去的十年中，前端开发已席卷全球，由世界上最大的软件公司赞助和领导的所有Web技术（HTML，CSS，JS等）都取得了长足的进步。在相当长的一段时间，在软件行业中，这可以说是收入最高，需求最多，最令人满意的工作之一。如果您还没有开始学习，这是学习它的最佳时间😃！
这是一份详尽的 Web 资源表，可以帮助你在2019年，成为一名出色的前端开发人员。
译注：我改了顺序，做了分类以及少数补充
文档
MDN web docs
Mozilla 开发者文档，提供了前端（HTML，CSS，Js等）代码参考和学习教程🤓。这将是您的编码圣经，您应该认真地遵守它！
MDN（Mozilla Developer Network ）是一个 wiki，即意味着任何人都可以向其添加和编辑内容。你不一定非得是一个程序员或了解许多涉及技术方面的知识。这里有很多需要完成的任务，从简单的（如校对和纠正拼写）到复杂的（如撰写 API 文档）。
JavaScript 入门指南
javascript.com，javascript.info 开始学习Javascript😼。
译注：推荐 现代 JavaScript 教程 ，因为有中文版
v8.dev - v8 引擎
v8.dev，以了解支持 Chrome 和 NodeJS 的 Google 开源高性能 Javascript 和 WebAssembly 引擎🦸♂️。
工具·在线编辑
caniuse
caniuse.com 检查前端技术的跨浏览器兼容性。
kangax - 检查✅JavaScript版本
kangax-js-compat-table 检查✅JavaScript版本（ES5，ES6，ES2016 +等）在不同编译器，服务器/运行时和平台（桌面和移动）之间的兼容性。
HTML / CSS 可视化指南
htmlreference.io，cssreference.io HTML / CSS 的可视化指南🤩和代码示例库。
leanpub.com
leanpub.com 可以轻松编写，发布和销售，正在进行中的和已完成的电子书，以及在线课程。
codepen.io
codepen.io 来构建，测试🧐和发现前端代码。
jsfiddle.net
使用 jsfiddle.net 来为库/框架文档构建演示 demo，并用前端代码来调试。
codesandbox.io
codesandbox.io 使用最先进的技术构建✍️和共享 Web 应用程序。
布局
github.com
github.com 与数百万开发人员一起托管和审阅代码，管理项目和构建软件。
正则
- any-rule "学不动了"必用, 正则大全
绘图工具
- 乐吾编辑器 前端开源、易扩展、方便集成的绘图工具（微服务架构图、网络拓扑图、流程图、活动图等）
Wick 编辑器
Wick 编辑器 是一个免费的开源工具，可用于创建游戏，动画以及您能想到的其他任何东西。
博客·社区
web.dev - Google 开发者
web.dev 可以由 Google 开发者👨💻 带你了解 Web🕷 基础。
css-tricks
css-tricks 学习 CSS 相关的一切 😻。
ponyfoo.com
ponyfoo.com 从开放的 Web 平台，获取有价值的内容。
博客，周刊，等多种形式，为大家提供有价值的内容。由 《JavaScript Web 应用开发》 的作者 Nicolas Bevacqua 创建的平台。
smashingmagazine.com
smashingmagazine.com 从网页设计师🤓，和开发人员那里获取专业的资源。
freecodecamp.org
freecodecamp.org 与社区合作👨🏫，打造前端项目。
hashnode.com
hashnode.com 与世界各地的开发人员联系并发展您的职业生涯。
dev.to
dev.to 与他人分享和发现好主意，进行讨论并结交朋友。
alligator.io
alligator.io，快速理解那些看似困难的前端代码片段。
medium.com
medium.com 发现，阅读和撰写🖊相关文章。
掘金
掘金 一个帮助开发者成长的社区
flaviocopes.com
flaviocopes.com 嗨，我是工程师Flavio。我为 JavaScript 和 Web 开发人员编写教程，
代码课程
英文
中文
egghead.io
egghead.io，向行业专家学习最佳的 JavaScript 工具和框架。
动态
- twitter.com
- instagram.com
- 微博 可以关注您喜欢的人，了解他们的工作🔍并分享您的工作。
frontendfront.com
frontendfront.com 随时了解世界各地发生的最新网络新闻，趋势和会议。
uptodate.frontendrescue.org
uptodate.frontendrescue.org 跟随前端领导人🏆，找到最好的资源，参加会议，得到启发，建立（刷新）自己的东西。
产品
producthunt.com
producthunt.com 帮你发现并找到那些💯的新产品。
repl.it
repl.it 学习，建设，合作，在同一个地方实现你的想法🤩。
问答
stackoverflow.com
stackoverflow.com 获得最棘手的编码问题的答案😁，与您的同事私下分享知识，并帮你找到下一个理想的工作。
segmentfault.com
segmentfault.com 改变并提升人们获取知识的方式和效率，帮助更多的开发者获得成长与成功。
喜欢这个清单嘛？是否有更多资源想要与我分享呢，欢迎留言~
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。