网络技术采用前端开发人员
Image source: http://www.2n2media.com/compare-front-end-development-and-back-end-development
前端开发人员广泛使用以下核心web技术(考虑按照这个顺序学习他们):
- 统一资源定位器(又名url)
- Hypertext转让议定书(又名 HTTP)
- 超文本标记语言(即HTML)
- 层叠样式表(又名CSS)
- JavaScript编程语言(又名ECMAScript 262)
- JavaScript对象表示法(又名JSON)
- 文档对象模型(DOM)
- Web api(又名HTML5和朋友或浏览器api)
- 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