【译】2019年前端必备资源

原文： 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 应用程序。

布局

• flexbox playground
• grid playground

github.com

github.com 与数百万开发人员一块儿托管和审阅代码，管理项目和构建软件。

正则

• any-rule "学不动了"必用, 正则大全

绘图工具

• 乐吾编辑器 前端开源、易扩展、方便集成的绘图工具（微服务架构图、网络拓扑图、流程图、活动图等）

博客·社区

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 开发人员编写教程，

代码课程

英文

• codecademy.com
• udemy.com
• pluralsight.com
• lynda.com

中文

• 慕课网
• 极客学院
• B站

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 改变并提高人们获取知识的方式和效率，帮助更多的开发者得到成长与成功。

喜欢这个清单嘛？是否有更多资源想要与我分享呢，欢迎留言~