阅读 7334

【译】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.comjavascript.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.iocssreference.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 编辑器 是一个免费的开源工具,可用于创建游戏,动画以及您能想到的其他任何东西。

image

博客·社区

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 工具和框架。

动态

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

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


关注下面的标签,发现更多相似文章
评论