推荐20只特别有帮衬的 Web 前端开发教程

在平常的摸索着,我遇上过不少妙不可言的消息,应用程序和文档,我把它整理在下面这个列表。这是珍藏之逢的有效内容之一个壮烈的方法,可以于公用的早晚方便查阅。相信你晤面于这个列表中发现对你非常有因此之材料。

1. CSS Vocabulary 
一个巨大的指向和点击的稍应用程序,让您加快速度掌握 CSS
语法的逐条不同部分,学习各个属性之对的名号。 
图片 1

2. Liquidapsive 
一个简易的信息化布局,通过甄选框的法子,可以于你于响应式,自适应,流动与静态布局中挑选,所以您得看看四杀布局项目中的界别。

图片 2

3. Superhero.js 
最好好的篇章,视频以及示范稿,以扶助前端开发人员保障比生之 JavaScript
代码库的聚集。包括发生部分泛原则型的物,对测试工具,性能,安全性及重复多之资源。

图片 3

4. HowToCoffeeScript.com 
学习与记 CoffeScript 语法的速查手册。

图片 4

5. The HTML Landscape 
就是可怜幽默的。这是 W3C ​​文档,它描述了3独 HTML
规范中的“可感知的差距”: WHATWG、W3C的 HTML5.0 和W3C的 HTML5.1
。可能是出硌过于技术性,但你恐怕可以于这边找到有有意思之初东西。

图片 5

6. The Elements of
HTML 
一个深好之面面俱到的 HTML 和 XHTML
元素的单页图表,用来证明各个要素属于哪个规范。这看起针对做研究真是吓,如果元素都不合时宜或者于
HTML5 中已不合时宜。

图片 6

7. JavaScript Equality
Table 
一个充分对的3重叠的图形,帮助您了解 JavaScript 的
== 和===操作符。结论是该运用===操作符,除非您一点一滴了解==发生了换。

图片 7

8. Web Accessibility
Checklist 
一个管用之,但非是压倒性的参考,以帮你检查过各种元素以你的类别被的可是访问性。很多,这是非常简单的,除了做辅助验证已。

图片 8

9. Static Web Apps — A Field Guide 
基于介绍:“本指南将为卿介绍的静态 Web 应用程序世界,并提供解决方案,同时成立他们撞的共挑战。

图片 9

10. Learn regular expressions in about 55
minutes 
加上的文档和科目,介绍正则表达式。它所声明的55分钟或重新增长之年月才能确实取得的东西,但绝值得一尝试。

图片 10

11. Open Web CSS Reference 
及时是一个充分完美的,鲜为人知的 CSS 属性和机能的参照。按字母顺序排列,包括链接到正式页面。

图片 11

(web前端上交流群:328058344 禁止闲聊,非喜不进!) 
12. CSS Values 
就是一个简练的道来寻觅一个 CSS
属性并迅速翻或的价值。例如,如果你忘掉了哪的观念是得领的,如字变形。除了价值,最新的创新包括浏览器支持之每个属性的图纸。

图片 12

  
13. ES6features 
出于微软的开发者卢克霍以整理的物,ECMAScript6
规范的概述。对于前端开发人员,这将是有利于的,开始逐步熟识这事物。

图片 13

14. Relevant Spec
Links 
自家时常坏不便找到以正规的援的组成部分毋庸置疑的地方。这是一个要命好之简约,总结从
Mozilla 获取之若用掌握之有关规范之链接。

图片 14

15.
OverAPI.com 
史籍上顶咸的开发人员在线速查手册!这个网站采访了累累针对性开发人员非常管用之手册,记得分享同推介一下啊。

图片 15
 

16. JavaScript: The Right Way 
一个 JavaScript
指南,旨在引领入门人员,并协助来更的人顶 JavaScript 的顶尖实践。 

图片 16

17. The HTML5 JavaScript API Index 
一个着实全方位一站式的地方找找 HTML5 API
的音信。很易使3窗格视图导航“自动从 HTML5 规范文件生成”

图片 17

18. Zeal 
就看起相当整洁。这是一个原生的应用程序,可以于您离线搜索130基本上个API文档。简单的键盘快捷键,你可以自您的工作区的别样位置显示API的浏览器。

图片 18

19. The Ultimate Flexbox Cheat
Sheet 
一个大引用,以救助你找到flexbox语法和刷上不绝熟悉的事物。

图片 19

20. jsCode 
一个应用程序,以帮你创建好的自定义 JavaScript 编码准则。您也得看看别人和你分享和您的集团要另合作方创建的自定义指南。

图片 20