2.3 前端开发者必备的Web技能
下面是被前端开发者所使用的核心Web技能(可以考虑按顺序学习它们):
超文本链接(HTML)
层叠样式表(CSS)
同意资源定位(URLs)
超文本传输协议(HTTP)
JavaScript编程语言(ECMAScript 262)
JavaScript对象表示法(JSON)
文档对象模型(DOM)
Web API(HTML5以及相关 或 浏览器API)
Web内容无障碍指引(WCAG)& 无障碍的富网络应用程序(ARIA)
一个所有网页相关规范的综合性列表,请参阅platform.html5.org或MDN Web API。
下面是刚刚提到的9种技术的定义,并提供了每种技术的相关文档和规范的链接。
超文本标记链接(HTML)
超文本标记语言,通常称为HTML,是一种用于创建网页的标准标记语言。Web浏览器能读取HTML文件并将其渲染成看可视化或可听的网页。HTML描述了一个网站的结构语义以及表示的线索,使之成为一种标记语言而非编程语言。
大部分相关规范和文档:
[HTML元素]持续更新标准(https://html.spec.whatwg.org/multipage)
[HTML语法]持续更新标准(https://html.spec.whatwg.org/multipage/syntax.html#syntax)
层叠样式表(CSS)
层叠样式表(CSS)是一种样式表语言,用于描述用标记语言编写的文档的外观和格式。尽管经常用于改变用HTML和XHTML所编写的网页和用户界面的样式,该语言能应用于任何类型的XML文档,包括纯XML、SVG和XUL。与HTML和JavaScript一样,CSS是基础技术,被大部分网站用于创建具有视觉吸引力的网页、Web应用程序的用户界面以及许多移动应用程序的用户界面的基础技术。
大部分相关规范和文档:
超文本传输协议(HTTP)
超文本传输协议(HTTP)一种用于分布式、协作的,超媒体信息系统的应用层协议。HTTP是WWW的数据通讯的基础。
大部分相关规范:
统一资源定位(URL)
统一资源定位(URL)(也称为Web地址)是一种对资源的引用,指定了资源在计算机网络的位置和检索的机制。URL是一种特定类型的统一资源标识符(uniform resource identifier, URI),尽管许多人将这两个术语混在一起使用。URL表示可访问指定资源的方法,但并非每个URI皆如此。URL常见于引用Web页面(http),但也用于文件传输(ftp)、电子邮件(mailto)、数据库访问(JDBC)和许多其他应用程序。
大部分相关规范:
文档对象模型(DOM)
文档对象模型(Document Object Model, DOM)是一种在跨平台和语言无关性的约定,用于表示HTML,XHTML和XML文档中的对象并与之交互。每个文档的节点都组织在一个树结构中,称为DOM树。可以使用对象上的方法对DOM树中的对象进行寻址和操作。DOM的公共接口在其应用程序编程接口(API)中指定。
大部分相关规范和文档:
JavaScript编程语言(ECMAScript 262)
JavaScript是一种高级、动态、无类型和解释的编程语言。它已通过ECMAScript实现语言的标准化。除了HTML和CSS,它也是万维网内容生产中三大基本技术之一。大多数网站中都采用这种技术,并且已被所有的现代Web浏览器所支持,不需要插件。JavaScript是一门基于原型、函数先行的语言,是一门多范式的语言,它支持面向对象编程、命令式编程以及函数式编程。它有一个用于处理文本、数组、日期和正则表达式的API,但不包括任何I/O操作,比如网络、存储或图形工具,这些都依赖于它所嵌入的主机环境。
大部分相关规范和文档:
Web API (HTML5以及相关)
当使用JavaScript为Web编写代码时,有非常多可用的API。下面列出了开发Web应用程序或站点时可能使用的所有接口(即对象类型)。
- Mozilla
大部分相关文档:
JavaScript对象表示法(JSON)
这是一种用于异步浏览器和服务器通信(AJAJ)的主要数据格式,在很大程度上替代了XML(被AJAX使用)。虽然JSON最初源于JavaScript脚本语言,但它是一种独立于语言的数据格式。解析和生成JSON数据的代码在许多编程语言中都是可用的。JSON格式最初由Douglas Crockford所制定。它目前由两个相互竞争的标准描述,RFC 7159和ECMA-404。ECMA标准非常简单,只描述允许的语法语法,而RFC还提供了一些语义和安全性方面的考虑。JSON的正式网络媒体类型是application/json。JSON的文件扩展名是.json。
大部分相关规范:
Web内容无障碍指南(WCAG)和无障碍的富互联网应用程序(ARIA)
无障碍是指为残疾人设计产品、设备、服务或环境。无障碍设计的概念确保了两者的“直接访问”(即和“间接访问”,意思是与某人的辅助技术(例如,计算机屏幕阅读器)的兼容性。