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

课堂内容

关于前端开发

一、起源、架构、变迁

1989年诞生时，Web由三种技术构成

• HTML
• HTTP
• URL

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

• 只读时代（1989-2004）
  • HTML/CSS/JavaScript
  • 单向发布
  • 静态只读
  • 链接跳转
  • 刷新页面
  • 表格对齐元素
  • CGI
• 体验时代（2005-2010）
  • Ajax/Web API/jQuery
  • 动态交互
  • 社交媒体
  • 用户生成内容（UGC）
  • 单页应用（SPA）
  • jQuery
  • YUI
• 敏捷时代（2010-2021）
  • Fetch/Node.js/Webpack
  • 模块化
  • 组件化
  • 转译（transpiling）
  • 打包（bundling）
  • React.js
  • Vue.js

二、前端应用的领域

• To Business
  • 企业级应用（银行、公司），公有云
• To Customer
  • 客户端，门户网站
• To Developer
  • 提高开发效率的工具

三、浏览器

• 桌面浏览器
  • Chrome，Edge,Firefox,Opera,Safari
• 移动浏览器
  • Chrome,Safari,一些小程序定制的浏览器引擎

四、服务器

• node.js
• Express
• Koa
• Deno

五、终端和跨端

• 终端：
  • Webpack CLI
  • Babel CLI
  • Vue CLI
  • React CLI
• 跨端
  • 桌面跨端
    • Electron
    • NW.js
  • 移动跨端
    • React Native
    • Flutter

六、语言、框架、工具

• 前端
  • HTML
  • CSS
  • JavaScript
  • WebAssembly
• 框架和工具

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

关于Web标准

一、标准组织

• W3c:
  • World Wide Web Consortium
• Ecma:
  • Ecma International
• WHATWG:
  • Web Hypertext Application Technology Working Group
• IETF:
  • Internet Engineering Task Force

二、W3C、Ecma、WHATWG、IETF

• W3C

  • 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.group

• WHATWG

  • 官网: whatwg.org/
  • Github: github.com/whatwg
  • 规范查询: spec.whatwg.org/

• IETF

  • 官网: www.ietf.org/
  • Github: github.com/ietf

三、W3C及Ecma会员

以上就是我总结的第五课的内容了，内容有疏漏还请见谅，有错误还请指正。今天的内容比较轻松，大家也可以复习一下前几天的内容，希望我们一起进步，顺利结营！