Web 标准与前端开发|青训营笔记

81 阅读2分钟

这是我参与「第四届青训营」笔记创作活动的的第4天 今天课程比较像科普课程,主要讲前端起源、构建、学习路径等:

前端开发的起源、架构、变迁

image.png

前端开发的领域

应用领域:

image.png

image.png

image.png

image.png

Web标准

image.png

W3C(World Wide Web Consortium)

万维网联盟,W3C不是一个标准,而是万维网制定的一系列标准。

网页主要由三部分组成:

-   结构(Structure),结构化标准语言主要包括XHTML和XML。
-   表现(Presentation),表现标准语言主要包括CSS。
-   行为(Behavior),行为标准主要包括对象模型(如W3C DOM)、ECMAScript。

规范:

-   1.  需要声明(DOCTYPE)
-   2.  需要定义语言编码
-   3.  JavaScript定义
-   4.  CSS定义
-   5.  不要在注释内容中使用’’–’’
-   6.  所有标签的元素和属性的名字都必须使用小写
-   7.  所有的属性必须用引号""括起来
-   8.  把所有<和&特殊符号用编码表示
-   9.  所有属性必须有属性值
-   10. 所有的标签都必须有相应的结束标签
-   11. 所有的标签都必须合理嵌套
-   12. 图片添加有意义的alt属性
-   13. 在form表单中增加label,以增加用户友好度

Web标准——Ecma

Ecma(European computer manufacturers association International)欧洲计算机制造联合会。 ECMA — 262脚本语言的规范:规范化脚本语言,叫ECMAScript=ES,目前版本ES6、ES5。

Web标准——WHATWG

WHATWG(Web Hypertext Application Technology Working Group)网页超文本应用技术工作小组。 是一个以推动网络HTML5标准为目的而成立的组织。在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商组成的。

Web标准——IETF

IETF(Internet Engineering Task Force)互联网工程任务组,IETF大量的技术性工作均由其内部的各类工作组协作完成。这些工作组按不同类别,如路由、传输、安全等专项课题而分别组建。IETF的交流工作主要是在各个工作组所设立的邮件组中进行,这也是IETF的主要工作方式。