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

这是我参与 $\lceil$第四届青训营$\rfloor$ 笔记创作活动的第7天

课程的重点内容

1.前端开发
2.Web标准
3.总结

一、前端开发

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

• 起源

1989年Tim Berners-Lee的文章Information Managment：A Proposal被公认为前端开发的起源。

“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

• 架构

1989年，前端诞生时，Web由三种技术构成：HTML、HTTP、URL，CSS和JavaScript是在几年之后出现的

• 变迁中时代的划分
  • 只读时代：主要特点：大部分人只作为读者，不作为生产者，属于专业生产内容（PGC）形式
  • 体验时代：主要特点：用户生成内容（UGC）形式，即用户也可以生产者。
  • 敏捷时代：主要特点：面向开发者角度的变化

2、前端应用领域

• 我们常听到的词汇To B (2B),To C (2C),To D (2D),分别对于商业、个人用户、开发者三大领域

• 跨端和终端

  各大框架都有CLI版的开发者工具，桌面跨端主要是Electron和NW.js，vscode编码环境就是基于Electron开发的一个web应用

3、框架、语言、工具

WebAssembly是可以通过C++、C或Rust语言进行开发使用

4、浏览器、网络、服务器

• Chrom浏览器的工作原理 （理解前端代码的运行环境）
• MDN的文章 关于Http简介、请求和响应的过程和概念

5、学习路线图

长期学习的路线图

二、Web 标准

1、Web标准组织：

• W3C：World Wide Web Consortium
• Ecma：Ecma International
• EHATWG：Web Hypertext ApplicationTechnology Working Group
• IETF：Internet Engineering Task Force

2、各标准组织的网站信息

• W3C
  • 官网
  • github
  • 规范查询
• Ecma TC39
  • 官网
  • TC39
  • gitHub
  • discourse
• WHATWG
  • 官网
  • github
  • 规范查询
• IETF
  • 官网
  • gitHub

三、总结

本节内容主要介绍了前端的发展史，框架、开发工具，web标准等全局化内容的介绍，同时还有一份非常全面的学习路线图。本节内容拓宽我对前端技术认识的视野。

知识很多，时间有限。了解了本质才能更容易找到学习的方向。

下篇笔记：Web 开发的安全之旅

基础不牢，地动山摇

TO BE CONTINUED