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

61 阅读2分钟

Web标准与前端开发

这是我参与第四届青训营笔记创作活动的第3天。

这段时间太忙了,都忘记了要写笔记了,整理了以下以前的笔记,慢慢发出来。

前端开发

1. 起源、架构、变迁

  1. 起源
  2. 架构
    1. 最初核心技术
      1. HTML
      2. HTTP
      3. URL
  3. 变迁
    1. 只读时代(HTML/CSS/JavaScript)
    2. 体验时代(Ajax/Web API/jQuery)
      1. 动态交互
      2. 社交媒体
      3. 用户生成内容
      4. 单页应用
      5. jQuery
      6. YUI
    3. 敏捷时代(Fetch,Node.js,Webpack)
      1. 模块化
      2. 组件化
      3. 转译
      4. 打包
      5. React.js
      6. Vue.js

2. 前端应用的领域

  1. 面对对象
    1. ToB: to business
    2. ToC: to customer
    3. ToD: to developer
  2. 运行环境
    1. 浏览器
      1. desktop
        1. chrome
        2. edge
        3. firefox
        4. opera
        5. safari
      2. mobile
  3. 终端和跨端
    1. 命令行/终端
      1. webpack CLI
      2. babel CLI
      3. Vue CLI
      4. React CLI
    2. 桌面跨端
    3. 移动跨端

3. 语言、框架、工具

  1. 语言
    1. HTML:structure
    2. CSS:presentation/apperance
    3. JavaScript:dynamism/action
    4. Web Assembly
  2. 框架
    1. node.js
    2. koa
    3. ts
    4. git
    5. babel
    6. webpack
    7. esbuild
  3. 工具

4. 前端学习路线图

Web标准

1. 了解Web标准组织

  1. W3C

    什么是 W3C?

  • W3C 指万维网联盟(World Wide Web Consortium
  • W3C 创建于1994年10月
  • W3C 由 Tim Berners-Lee 创建
  • W3C 是一个会员组织
  • W3C 的工作是对 web 进行标准化
  • W3C 创建并维护 WWW 标准
  • W3C 标准被称为 W3C 推荐(W3C 规范)
  1. Ecma

Ecma国际(Ecma International)是一家国际性会员制度的[信息]和电信[标准组织]。[1994年]之前,名为欧洲计算机制造商协会(European Computer Manufacturers Association)。因为计算机的国际化,组织的标准牵涉到很多其他国家,因此组织决定改名表明其国际性。现名称已不属于首字母缩略字。

组织在1961年的日内瓦建立为了标准化欧洲的计算机系统。在欧洲制造、销售或开发计算机和电信系统的公司都可以申请成为会员。 3. WHATWG 4. IETF

2. W3C与Ecma会员

3. W3C流程

4. TC39流程

5. 如何参与