这是我参与「第四届青训营 」笔记创造活动的第5天

关于前端开发:来源、架构、变迁

很多人分不清”上网”是上的哪个 网?即使在互联网的诞生地也是如 此。Web的遍及和家喻户晓由此可 见一斑。

上网指接入Internet,它是地球上 相互连接的计算机构成的网络。计 算机网络诞生于上个世纪的60年代, 标志性通信协议是TCP/IP

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

不同的年代

  1. 1989年诞生时,Web由三种技术组成:

    1. HTML
    2. HTTP
    3. URL
  2. CSS和JavaScript是几年后才出现的。

  • 只读年代 1989-2004

    • HTML CSS JavaScript
    • 单向发布
    • 静态只读
    • 链接跳转
    • 改写页面
    • 表格对齐元素
    • CGI
  • 体会年代 2005-2010

    • 动态交互
    • 社交媒体
    • 用户生成内容
    • 单页使用
    • jQuery
    • YUI
  • 灵敏年代

    • 2010-2021
    • 模块化
    • 组件化
    • 转译
    • 打包
    • React.js
    • Vue.js

前端使用的领域

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

  • To Business
  • To Customer
  • To Developer

Business

企业级使用

在互联网公司内部,各种使用几乎都是web渠道。

Customer

顾客

一切的互联网门户网站,互联网渠道,在线教育其实全都是根据web开发的,这个规模其实是十分巨大的,而且这个是十分重视用户体会的。

Developer

开发者

开发者开发给自己用,自产自销,用来提升开发效率,提升产品品质。一般就是一些开发者东西,有渠道,有结构。从模块化,打包,编译,测验,到布置,调试,可以说覆盖了整个开发生产的悉数流程。

前端使用之浏览器

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

前端使用之服务器

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

前端使用的终端与跨端

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

语言,结构,东西

语言:前端三件套:HTML,CSS,Javascript;c;c++;java;Rust等。

架构:node.js,koa,ts,webpack,vue,git,esbuild等。

东西:vscode,idea等。

关于Web标准

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

W3C

官网:www.w3.org

Github:github.com/w3c

标准查询:www.w3.org/TR

Ecma TC39

官网:www.ecma-international.org

TC39:tc39.es

Github:github.com/tc39

Discourse:es.discourse.group182021

WHATWG

官网:whatwg.org/

Github:github.com/whatwg

标准查询:spec.whatwg.org/

IETF

官网:www.ietf.org/

Github:github.com/ietf192021