【译】2019年前端必备资源

2019-11-01 admin

原文: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 与数百万开发人员一起托管和审阅代码,管理项目和构建软件。

博客·社区

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 发现,阅读和撰写🖊相关文章。

掘金

掘金 一个帮助开发者成长的社区

代码课程

英文

中文

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

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

[转载]原文链接:https://segmentfault.com/a/1190000020877332

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-78751.html

文章标题:【译】2019年前端必备资源

相关文章
前端问答社区成立了
由雷锋网友提供的给大家相互交流的前端问答社区正式上线了,欢迎大家来此相互交流相互学习 ...
2016-03-30
[翻译]基于Webpack4使用懒加载分离打包React代码
原文地址:https://engineering.innovid.com/code-splitting-using-lazy-loading-with-react-redux-typescript-and-webpack-4-3ec601...
2018-03-11
前端工程师应该具备的三种思维
如果你是一个天才等级的工程师(马上可以离开),可以独立完成一个很多事情,你可以是一个怪咖,因为我相信没有一个人不会不佩服你。但现实归现实,多数人都不是天才,而我们在职场上也不是单打独斗,我们需要团队合作,需要协调和配合,需要考虑除了代码以外...
2016-01-13
前端开发领域推荐关注的微信公众号
这篇文章分享了前端领域的多个值得关注的技术、设计、极客、创业相关微信公众号。其中有最受欢迎的热门公众号、也有专注某个技术或设计的公众号,涵盖:算法、JavaScript、Nodejs、程序员、Web前端、Linux、数据库、创业、UI设计和...
2017-03-23
前端单页应用微服务化解决方案2 - Single-SPA
技术选型 经过各种技术调研我们最终选择的方案是基于 Single-SPA 来实现我们的前端微服务化. Single-SPA 一个用于前端微服务化的JavaScript前端解决方案 使用Single-SPA之后,你可以这样做: (兼容各...
2018-09-07
五个值得尝试的前端开发工具
在过去的几年时间里,出现了许多全新的网页应用程序,不过,由于应用程序的功能越来越丰富,也导致了前端开发的复杂度大幅增加。 现在也有不少前端开发工具,比如Backbone和EmberJS框架都能提供稳定的App开发解决方案。同时,Javasc...
2015-12-23
12个Web设计师必备的Bootstrap工具
作为一位设计师,会经常追寻新鲜有趣的设计工具,这些工具会提高工作的效率,使得工作更有效, 最重要的是使工作变得更方便。非常肯定的说,随着日益增长的工具和应用的数量,设计和开发变得越来越简单了。其中最普遍使用的最终框架 之一是 Bootstr...
2015-12-24
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
大家在做些页面的时候,很多都是用ajax实现的,在显示的时候有很多表单提交的add或者update操作,显然这样很烦,突然想到了一个比较好的方法,下面给大家分享下如何用js 实现依赖注入的思想,后端框架思想搬到前端来。 应用场景: 前后端一...
2017-03-29
JavaScript通过字典进行字符串翻译转换的方法
本文实例讲述了JavaScript通过字典进行字符串翻译转换的方法。分享给大家供大家参考。具体分析如下: 这里实际上就是先设置一个对照的字典,然后通过翻译函数,从字典中找到相应的键值。需要在JavaScript 1.8以上版本使用 函数定义...
2017-03-21
Vue.js bootstrap前端实现分页和排序
写之前先抱怨几句。本来一心一意做.net开发的,渐渐地成了只做前端。最近项目基本都用java做后台,我们这些.net的就成了前端,不是用wpf做界面,就是用html写web页面。 深知自己前端技术不足,以前虽说用asp.net前后台都做,但...
2017-03-14
回到顶部