推荐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 属性和功能的参考。按字母顺序排列，包括链接到规范页面。

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 编码准则。您也可以看看别人和你分享与你的团队或其他合作者创建的自定义指南。

您可能感兴趣的相关文章

本文链接：推荐20个很有帮助的 Web 前端开发教程和文档

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

随机推荐

PAT/图形输出习题集
B1027. 打印沙漏 (20) Description: 本题要求你写个程序把给定的符号打印成沙漏的形状.例如给定17个"*",要求按下列格式打印 ***** *** * *** ...
【Bugly安卓开发干货分享】Android APP 快速 Pad 化实现
项目背景采用最新版本手机 APP(之后称为 MyApp)代码,实现其 Pad 化,为平板和大屏手机用户提供更好的体验.为实现 MyApp 的 Pad 化工作,需要我们首先来了解一下 MyApp 项目 ...
《C#图解教程》读书笔记之四：类和继承
本篇已收录至<C#图解教程>读书笔记目录贴,点击访问该目录可获取更多内容. 一.万物之宗:Object (1)除了特殊的Object类,其他所有类都是派生类,即使他们没有显示基类定义. ( ...
一个App完成入门篇（四）- 完成反馈页面
上一节中我们学会了如何通过点击不同按钮切换页面,这节专注于完成反馈页面的功能以及细节动画. 导入项目添加新组件同步新组件完成页面布局输入时加动画效果弹出日期选择直接引用UI页面将要学习的 ...
[ACM_几何] F. 3D Triangles （三维三角行相交）
http://acm.hust.edu.cn/vjudge/contest/view.action?cid=28235#problem/A 题目大意:给出三维空间两个三角形三个顶点,判断二者是否有公共 ...
Windows 10 下安装 npm 后全局 node_modules 和 npm-cache 文件夹的设置
npm 指 Node Package Manager,是 Node.js 中一个流行的包管理和分发工具.Node.js 在某个版本的 Windows 安装包开始已经加入了 npm,现在可以进入 htt ...
实践基于Task的异步模式
Await 返回该系列目录<基于Task的异步模式--全面介绍> 在API级别,实现没有阻塞的等待的方法是提供callback(回调函数).对于Tasks来说,这是通过像ContinueW ...
java source not found
今天的挑战是,为什么与源码明明放在本机,调试的时候却说source not found呢? 这个是因为,我重新建立了debug,然后没有选择对应的项目. 另外一个问题是,如果给底层的jar附上源码呢?
Atitit paip.对象方法的实现原理与本质.txt
Atitit paip.对象方法的实现原理与本质.txt 对象方法是如何实现的1 数组,对象,字典1 对象方法是如何实现的这显然是一个对象方法调用.但对象方法是如何实现的呢?在静态语言中,因为有编译 ...
Atitit。木马病毒原理机密与概论以及防御
Atitit.木马病毒原理机密与概论以及防御 1. 定时截屏木马1 1.1. QQ聊天与微信聊天木马1 2. 文档木马1 3. 病毒木马的触发方式2 4. 远程木马2 5. 漏洞木马2 6. 病毒木马 ...

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

1. CSS Vocabulary

2. Liquidapsive

3. Superhero.js

4. HowToCoffeeScript.com

5. The HTML Landscape

6. The Elements of HTML

7. JavaScript Equality Table

8. Web Accessibility Checklist

9. Static Web Apps — A Field Guide

10. Learn regular expressions in about 55 minutes

11. Open Web CSS Reference

12. CSS Values

13. ES6features

14. Relevant Spec Links

15. OverAPI.com

16. JavaScript: The Right Way

17. The HTML5 JavaScript API Index

18. Zeal

19. The Ultimate Flexbox Cheat Sheet

20. jsCode

您可能感兴趣的相关文章

推荐20个很有帮助的 Web 前端开发教程的更多相关文章

随机推荐

热门专题