推荐20个颇有帮助的 Web 前端开发教程

在日常的搜索中，我碰到过不少有趣的信息，应用程序和文档，我把它们整理在下面这个列表。这是收藏的遇到的有用内容的一个伟大的方式，能够在你须要的时候方便查阅。相信你会在这个列表中发现对你颇有用的资料。

1. CSS Vocabulary 
一个伟大的指向和点击的小应用程序，让你加快速度掌握 CSS 语法的各个不一样部分，学习各个属性的正确的名称。 

2. Liquidapsive 
一个简单的信息化布局，经过选择框的方式，可让你在响应式，自适应，流动和静态布局中选择，因此你能够看到四大布局类型之间的区别。

3. Superhero.js 
最好的文章，视频和演示文稿，以帮助前端开发人员保持较大的 JavaScript 代码库的集合。包括有一些广泛原则型的东西，对测试工具，性能，安全性和更多的资源。

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

5. The HTML Landscape 
这是很是有趣的。这是 W3C ​​文档，它描述了3个 HTML 规范之间的“可感知的差别”： WHATWG、W3C的 HTML5.0 和W3C的 HTML5.1 。多是有点过于技术性，但你也许能够在这里找到一些有趣的新东西。

6. The Elements of HTML 
一个很好的全面的 HTML 和 XHTML 元素的单页图表，用来讲明各个元素属于哪一个规范。这看起来对作研究真是好，若是元素已过期或在 HTML5 中已过期。

7. JavaScript Equality Table 
一个很不错的3层的图表，帮助您了解 JavaScript 的 == 和===操做符。结论是应该使用===操做符，除非你彻底明白==发生了转换。

8. Web Accessibility Checklist 
一个有用的，但不是压倒性的参考，以帮助您检查过各类元素在你的项目中的可访问性。不少，这是很是简单的，除了作辅助验证已。

9. Static Web Apps — A Field Guide 
根据介绍：“本指南将为您介绍的静态 Web 应用程序世界，并提供解决方案，同时创建他们遇到的共同挑战。

10. Learn regular expressions in about 55 minutes 
丰富的文档和教程，介绍正则表达式。它所宣称的55分钟或者更长的时间才能真正获得的东西，但绝对值得一试。

11. Open Web CSS Reference 
这是一个很是全面的，不为人知的 CSS 属性和功能的参考。按字母顺序排列，包括连接到规范页面。

（web前端学习交流群：328058344 禁止闲聊，非喜勿进！） 
12. CSS Values 
这是一个简单的方法来查找一个 CSS 属性并快速查看可能的值。例如，若是你忘了什么样的价值观是能够接受的，如字体变形。除了值，最新的更新包括浏览器支持的每一个属性的图表。

  
13. ES6features 
由微软的开发者卢克霍本整理的东西，ECMAScript6 规范的概述。对于前端开发人员，这将是有益的，开始逐渐熟悉这个东西。

14. Relevant Spec Links 
我常常很难找到在规范的引用的一些正确的地方。这是一个很好的简要，总结从 Mozilla 获取的你须要知道的有关规范的连接。

15. OverAPI.com 
史上最全的开发人员在线速查手册！这个网站收集了众多对开发人员很是有用的手册，记得分享和推荐一下哦。

 

16. JavaScript: The Right Way 
一个 JavaScript 指南，旨在引领入门人员，并帮助有经验的人到 JavaScript 的最佳实践。 

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

18. Zeal 
这看起来至关整洁。这是一个原生的应用程序，可让你离线搜索130多个API文档。简单的键盘快捷键，你能够从你的工做区的任何位置显示API的浏览器。

19. The Ultimate Flexbox Cheat Sheet 
一个普遍引用，以帮助您找到flexbox语法和刷上不太熟悉的东西。

20. jsCode 
一个应用程序，以帮助您建立本身的自定义 JavaScript 编码准则。您也能够看看别人和你分享与你的团队或其余合做者建立的自定义指南。