20个为前端开发者准备的文档和指南九

那是一次又一次的学习!之前,我已经收集了许多不同的学习资源,包括教程,文档,和其他有用的网站来帮助你得到了在不同领域发展速度的前端。

所以请享受 第九批我们的文档和指南系列 别忘了让我知道的任何人的评论,我还没有包括。

1.JavaScript Standard Style

这是不是主要的学习指南,而是一个模块,可以安装和运行通过命令行来测试你的代码与一组JavaScript的语法规则。它也可以作为一个文本编辑器插件。为指导,但是,你可以阅读规则崩溃,这应该是初学者和其他人了解一些基本的JavaScript的最佳实践的一个好方法

在线预览

2.Webpack: An Introduction

“WebPACK是一种流行的模块式一个捆绑的应用程序源代码,方便块从服务器到浏览器加载代码的工具”。本指南是角的官方网站,所以引导是面向使用WebPACK角2应用程序。

在线预览

3.Aural UI of the Elements of HTML

“HTML元素如何通过屏幕阅读器支持。”由四个数据覆盖在Windows 10的Firefox上表,在OSX的画外音和Safari 9,和Nvidia和火狐在Windows 8.1中,更多的测试来。

在线预览

4.Type Terms

这是设计师比开发商更多,但这是一个很不错的设计,对于那些想成为排版术语更熟悉的有用的互动工具。在掌门人,一个曼彻斯特的设计机构。

在线预览

5.Email Toolbox

这是链接的一个广泛的资源主要集中在设计和编码的HTML电子邮件。各种类别,包括人们遵循,课下许多东西,博客阅读,工具,和电子邮件服务提供商。

在线预览

6.Almost complete guide to flexbox (without flexbox)

有这么多不同的flexbox指南和工具左右浮动,但这里的东西有点不同。本指南告诉你如何实现flexbox样作用在你的布局,使用传统的方法。很高兴在一个岗位上这样看到他们,代码示例。

在线预览

7.Angular 1.x styleguide (ES2015)

这是一个“角风格的球队”的Todd Motto,一个与Telerik开发商主张。托德还提供了 课程 对AngularJS的发展。这种格式指南”已被改写,从地上爬起来es2015,未来升级到AngularJS2——AngularJS1.5 +应用程序的变化。”

在线预览

8.CSS Purge

这个网站可以让你在流行的网站和框架级说到高效、可维护的CSS统计。它显示CSS文件的大小,数据的特异性分数,和CSS属性的使用。

在线预览

9.Google Chrome’s CSS File

这是Chrome使用HTML元素的默认样式提供一些基础的核心的CSS文件。有趣的是浏览一下因为那里肯定有一些古怪。

在线预览

10.<head> Cheat Sheet

“列表都走在 <head>文档。“我喜欢这个因为它列出的标准元素不仅而且供应商特定的东西,我们许多人看到的也许不完全理解。

在线预览

11.Generators and Iterators

An eight-part tutorial by Greg Reimer covering ES6 Generators.”Generators 是一个在欣赏现代JavaScript功能。我相信这是因为发电机是个整体包括发电机和迭代器的两部分,并学习其他人没有画一个不完整的画面。我至少,啊哈!一刻不来直到我放大了看迭代器和生成器的整体。”

在线预览

12.Node.js ES2015 Support

技术上这是后端,但有关JavaScript开发者。这是一套用于es2015兼容性表但只适用于Node.js。

在线预览

13.HTML5 Accessibility

我有这样一个在以前的帖子,但它已经重新设计,它看起来很好。”这个网站测试HTML5新特性是由主要的浏览器中支持。这包括他们是否可通过键盘操作,映射到平台访问的API,如果任何可访问性相关功能的支持。”

在线预览

14.MaintainableCSS

“不必担心过分写CSS,预先存在的方式会导致problems.maintainablecss是写的模块化方法,可扩展性和可维护性当然,CSS。”这是一个12部分指导亚当·席尔瓦。

在线预览

15.Simplified JavaScript Jargon

最初是由Hugo Giraudel开始的,这是一个社区驱动的尝试使用一些简单的词组解释许多流行语弥补当前JavaScript生态系统。”这个想法是不是要取代个人资料,但作为一种词汇表,可以很容易地引用。”

在线预览

16.Bootstrap 4 Cheat Sheet

A cheatsheet for Bootstrap 4,从hackerthemes亚历克斯。这个网站有一个很好的交互式布局,点击显示的项目作为一个代码片段演示”和“视口。你也可以单击两个highlight全纽约的东西在第4版。

在线预览

17.AngularJS Cheat Sheets

“我们已经创建了一些小抄学习指南帮助你克服AngularJS的学习曲线,并为你提供你的日常工作的参考。”包括三个小抄:AngularJS的核心服务,AngularJS指令定义的对象,和AngularJS UI插件。

在线预览

18.React Makes You Sad

Dan Abramov的流程对于那些很难把握不同的概念使用时的反应。流程图提供了一些规则式的建议来帮助你简化的东西,所以你可以更好地理解图书馆。

在线预览

19.Flexbox Patterns

“flexbox是可怕的,但它引入了许多可以使它很难使用的新概念。这些互动的例子将显示你的实际使用方式构建UI组件。他们开始了简单而变得越来越复杂,接近尾声了。”

在线预览

20.Hacksplaining

不只是为前端开发人员,但肯定值得考虑所有在开发者领域。”对付黑客最好的防御是一个消息灵通的开发团队。我们的互动练习可以教你关于今天的最常见的安全漏洞的球队。”

在线预览

未经允许不得转载:爱前端网 » 20个为前端开发者准备的文档和指南九

赞 (0) 打赏

评论 0

评论前必须登录!

登陆 注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏