Front-End Developer Handbook 2017 前端开发人员手册2017(6)

网络技术采用前端开发人员

 

 

Image source: http://www.2n2media.com/compare-front-end-development-and-back-end-development

前端开发人员广泛使用以下核心web技术(考虑按照这个顺序学习他们):

  1. 统一资源定位器(又名url)
  2. Hypertext转让议定书(又名 HTTP)
  3. 超文本标记语言(即HTML)
  4. 层叠样式表(又名CSS)
  5. JavaScript编程语言(又名ECMAScript 262)
  6. JavaScript对象表示法(又名JSON)
  7. 文档对象模型(DOM)
  8. Web api(又名HTML5和朋友或浏览器api)
  9. Web内容可接入性指南(又名WCAG)& 接入丰富互联网应用程序(又名ARIA)

以下这些技术定义与相关文档和规范。所有web相关规范的综合列表可以看platform.html5.org。

超文本标记语言(即HTML)

超文本标记语言,通常被称为HTML,是用于创建web页面标准的标记语言。Web浏览器可以读取HTML文件和渲染成可见或可听的网页。HTML描述网站结构的语义线索提示,使它是一种标记语言,而不是一种编程语言。

——维基百科

最相关的规范/文档:

l  所有W3C HTML规范

https://www.w3.org/standards/techs/html#w3c_all

l  生活标准的HTML的元素

https://html.spec.whatwg.org/multipage/

l  全球属性

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes

l  来自W3C的 HTML 5.2

http://w3c.github.io/html/

l  HTML属性引用

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes

l  HTML元素的参考

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

l  生活标准HTML语法

https://html.spec.whatwg.org/multipage/syntax.html#syntax

层叠样式表(又名CSS)

级联样式表(CSS)是一种样式表语言用于描述外观和格式化标记语言编写的文档。虽然最常用于改变web页面和用户界面的风格写在HTML和XHTML,语言可以应用到任何类型的XML文档,包括纯XML、SVG和XUL。HTML和JavaScript、CSS是一种基础技术所使用的大多数网站创建视觉上吸引人的网页,为web应用程序的用户界面,为许多移动应用程序和用户界面。

——维基百科

最相关的规范/文档:

l  所有W3C CSS规范

https://www.w3.org/Style/CSS/current-work#roadmap

l  层叠样式表2级版本2(CSS 2.2)规范

https://drafts.csswg.org/css2/

l  CSS参考

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

l  选择器3级

https://www.w3.org/TR/css3-selectors/

文档对象模型(DOM)

文档对象模型(DOM)是一个跨平台的和语言会议代表和与对象交互的HTML、XHTML和XML文档。每个文档的节点被组织在一个树状结构,称为DOM树。DOM树中的对象可能解决的对象和操作使用方法。指定一个DOM的公共接口的应用程序编程接口(API)。

——维基百科

最相关的规范/文档:

l  文档对象模型(DOM)三级事件规范

https://www.w3.org/TR/DOM-Level-3-Events/

l  DOM生活水平

https://dom.spec.whatwg.org/

l  W3C DOM4

https://www.w3.org/TR/2015/REC-dom-20151119/

JavaScript编程语言(又名ECMAScript 262)

JavaScript是一个高水平的、动态的、无类型的、解释型的编程语言。它已经在ECMAScript语言规范标准化。除了HTML和CSS,它是万维网的三个关键技术内容之一;大多数的网站采用它,它受现代Web浏览器支持除了插件。JavaScript基于原型以一流的功能,使其成为多范型的语言,支持面向对象的、命令式的、函数式编程风格。它有一个API来处理文本、数组、日期和正则表达式,但不包括任何I / O,如网络、存储或图形设施,依赖这些宿主环境的嵌入式。

——维基百科

最相关的规范/文档:

l  ECMAScript®2017语言规范

https://tc39.github.io/ecma262/

Web api(又名HTML5和朋友)

为Web使用JavaScript编写代码的时候,有许多可用的api。下面是一个列表的所有接口类型的对象,您可以使用在开发Web应用程序或网站。

——维基百科

最相关的文档:

Web API接口

https://developer.mozilla.org/en-US/docs/Web/API

超文本传输协议(HTTP)

超文本传输协议(HTTP)是一个分布式的应用协议,合作,超媒体信息系统。HTTP是万维网数据通信的基础。

——维基百科

最相关的规格:

l  超文本传输协议HTTP / 1.1

https://tools.ietf.org/html/rfc2616

l  HTTP / 2

https://http2.github.io/

统一资源定位器(又名URL)

统一资源定位符(URL)(也称为一个web地址)指的是一个指定的资源的位置在计算机网络资源和检索机制。URL是一种特定类型的统一资源标识符(URI),尽管许多人这两个术语可以互换使用。URL访问一个表示资源的手段,并不是真正的URI。url发生最常引用的web页面(http),但也用于文件传输(ftp),电子邮件(mailto),数据库访问(JDBC),和许多其他应用程序。

——维基百科

最相关的规格:

l  统一资源定位器(URL)

https://www.w3.org/Addressing/URL/url-spec.txt

l  URL生活标准

https://url.spec.whatwg.org/

JavaScript对象表示法(又名JSON)

c的主要数据格式用于异步浏览器/服务器通信(AJAJ),很大程度上取代XML(AJAX)。尽管最初源自于JavaScript脚本语言,JSON是一种语言无关的数据格式。在许多编程语言中代码解析和生成JSON数据是现成的。最初是由道格拉斯Crockford指定的JSON格式。目前所描述的两个相互竞争的标准,RFC 7159和ecma - 404。ECMA标准是最小的,描述只允许语法语法,而RFC也提供了一些语义和安全方面的考虑。JSON是官方网络媒体类型application / JSON。JSON文件扩展名是. JSON。

——维基百科

相关规范:

l  介绍JSON

 http://json.org/

l  JSON API

 http://jsonapi.org/

l  JSON数据交换格式

http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf

Web内容可接入性指南(又名WCAG)& 接入丰富互联网应用程序(又名ARIA)

可接入性是指产品的设计,设备,为残疾人服务的环境。无障碍设计的概念确保两个 “直接接入” (即,无障碍的)和“间接接入”意义兼容个人的辅助技术(例如,电脑屏幕阅读器)。

l  ——维基百科

l  接入丰富互联网应用程序(wai - aria)现状

https://www.w3.org/standards/techs/aria#w3c_all

l  网页可及性倡议(wai)

 https://www.w3.org/WAI/

l  Web内容可接入性指南(WCAG)现状

https://www.w3.org/standards/techs/wcag#w3c_all

posted @ 2017-02-27 01:40  刘爽_杭州  阅读(191)  评论(0编辑  收藏  举报