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

87 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第七天。 今天学习了《Web标准与前端开发》,第一次接触这么多非技术知识,但是却与技术又紧密相关的知识,感觉新世界的大门打开了。通过本节课的学习,我也认识到了其实不只是前端,其他技术也是有着许许多多的背景、概述,还有一些认知层面的东西,这些知识并不是不重要,相反,他们很重要,他们可以让我们知道我们为什么要学习这些技术,以及这些技术的最前沿的迭代,这更加有利于我们跟随互联网的潮流,有利于我们个人的技术发展。

本堂课重点内容

  • 前端开发的起源、架构和变迁
  • 前端应用的领域
  • 前端开发的语言工具
  • Web标准

详细知识点介绍

本课笔记总结在文末啦,关于Web标准方面的笔记没有办法总结,希望不要介意。

课后个人总结

通过本节课的学习,可以说整个人对于前端的认识和眼界一下子就开阔了,我觉得自己还是非常有必要增强一下自己除了技术方面的以及其他关于一些非技术层面的知识,因为这些知识虽然平常用不到,但是用来发散自己的思维还是很不错的,并且当前互联网发展的速度很难让一个技术的某个版本存在很久的时间,不断学习,不断实践,希望自己以后也能参与某些技术的开发中去,加油!

笔记

Web标准与前端开发

一、关于前端开发

1、起源

"Suppose all the information stored oncomputers everywhere were linked.Suppose l could program my computerto create a space in which everythingcould be linked to everything."
​
                                                            - Tim Berners-Lee, inventor of the World Wide Web

c7ff37d3-08c0-4ebd-9b91-b9c1132a2b38.png

[​论文网页版]  www.w3.org/History/198… 

2、架构

image-20220730130403949.png

1989年诞生,Web由三种技术构成:

  • HTML
  • HTTP
  • URL

CSS和JavaScript是几年之后才出现的。

3、变迁

image-20220730130623953.png

4、前端应用的领域

image-20220730131155387.png

(1)浏览器

image-20220730131411588.png

(2)服务器

image-20220730131437950.png

(3)终端和跨端

image-20220730131551401.png

5、前端开发

(1)语言

image-20220730131647866.png

(2)框架和工具

image-20220730131838638.png

(3)浏览器

image-20220730132154105.png

[​深入理解现代浏览器]  github.com/75team/w3c/… 

(4)网络

b266096d-f8fb-48c9-8192-754efc32b089.png

[An overview of HTTP​]  developer.mozilla.org/en-US/docs/… 

(5)学习路线

image-20220730133056629.png

[学习路线​]  roadmap.sh/frontend 

二、关于Web标准

1、标准组织

image-20220730133159216.png

2、W3C、Ecma、WHATWG、IETF

image-20220730133307426.png

image-20220730133428826.png

3、W3C规范指定流程

image-20220730133506094.png

[The W3C Recommendation Track​]  www.w3.org/2020/Proces… 

4、Ecma TC39规范指定流程

image-20220730133658612.png