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

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

1、CSS Vocabulary

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

2. Liquidapsive

一个简单的信息化布局，通过选择框的方式，可以让你在响应式，自适应，流动和静态布局中选择，所以你可以看到四大布局类型之间的区别。

目前是在职前端开发，如果你现在也想学习前端开发技术，在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我的前端学习交流裙：前面：851 中间：231 最后：348。里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，前端面试题，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。
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 前端开发教程相关推荐

推荐20个很有帮助的 Web 前端开发教程
在平常的搜索中,我碰到过很多有趣的信息,应用程序和文档,我把它们整理在下面这个列表.这是收藏的遇到的有用内容的一个伟大的方式,可以在你需要的时候方便查阅.相信你会在这个列表中发现对你很有用的资料. 您 ...
Delphi Web应用开发B/S框架推荐：《Delphi Web前端开发教程——基于TMS WEB Core框架》
使用TMS WEB Core 发现Delphi软件开发的无限潜能-- 二十多年来,编程语言Delphi 以对 Windows 应用程序的快速可视化编程而闻名于世.尤其是轻松开发桌面数据库应用程序和快捷 ...
国内外的自学web前端开发教程网站
@TOC有哪些自学web前端开发教程网站? 国内外有哪些自学web前端开发教程网站? https://www.w3cl.com 第一个着力推荐 http://codyhouse.co/library ...
Delphi Web前端开发教程（9）：基于TMS WEB Core框架
3.REST Servers服务端(后端)框架 REST服务端特点: - 为远程资源提供一个REST API接口.也可以为其他网络内容提供服务: - 包括在Delphi Enterprise & ...
Delphi Web前端开发教程（4）：基于TMS WEB Core框架
图 Delphi开发的即时战略游戏软件<Knights Province> 图 Delphi开发的猎鹰9火箭模拟仿真软件<Falcon 9 – First Stage Simulat ...
Delphi Web前端开发教程（5）：基于TMS WEB Core框架
Delphi/Object Pascal的历史与现状从技术上讲,Delphi 是一个由 Object Pascal 编程语言支持并为其提供开发环境的IDE,可以实现高生产力和快速应用程序开发的工具. ...
Delphi Web前端开发教程（2）：基于TMS WEB Core框架
简介 Delphi是软件行业的传奇编程语言之一,该产品于1995年2月14日情人节在美国San Francisco(旧金山)正式发布,她是软件开发历史的基石.今天随着IT科技的飞速发展,各种新平台和框 ...
CSS盒子模型居中方法，web前端开发教程视频
前言下面分享了一些关于腾讯,酷狗,字节(实习的)面试真题,让大家参考.大家也自己去收集整理其他的面试题,可以通过这些面试题,查看自己的不足,也可以了解自己想要去的公司容易出现的面试题,进行有针对性复 ...
【web前端开发教程】
笔记3 1.CSS定位 relative absolute fixed sticky 练习 2.CSS省略器 3.CSSsprite 4.CSS圆角 5.博文尚美练习 6.PC游戏网页简易练习 1.C ...

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

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

最新文章

热门文章