关于前端开发：起源、架构、变迁

关于前端开发：起源、架构、变迁

目录

• 关于前端开发：起源、架构、变迁

  • 目录
  • 变迁
  • 前端应用的领域
    • 浏览器
    • 服务器
    • 终端和跨端
  • 关于前端开发：语言、框架、工具
    • 语言
    • 框架
    • 工具

• 互联网标志性通信协议 TCP/IP

• Web 标志性通信协议 HTTP

变迁

注: 仅老师个人观点

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

前端应用的领域

• To Business（2B）
• To Customer（2C）
• To Developer（2D）

浏览器

• Desktop

  • Chrome
  • Edge
  • Firefox
  • Opera
  • Safari

• Mobile

  • Android
  • Safari

服务器

• node.js
  • Express.js
  • Koa

终端和跨端

• 命令行/终端
  • Webpack CLI
  • Babel CLI
  • Vue CLI
  • React CLI
• 桌面跨端
  • Electron
  • NW.js
• 移动跨端
  • React Native
  • Fluter

关于前端开发：语言、框架、工具

语言

• HTML
• CSS
• JavaScript
• WebAssembly
  • 以下语言可编译为 WebAssembly
  • C++
  • C
  • Rust
  • …

框架

• node.js
  • author: Dyan Dahl
• koa
  • author: TJ Holowaychuk
• react
  • author: Jordan Walke
• vue
  • author: 尤雨溪
• TS
  • author: Anders Hejlsberg
• git
  • author: Linus Torvalds
• babel
  • author: Sebastian McKenzie
• Webpack
  • author: Tobias Koppers
• esbuild
  • author: Evan Wallace

工具

• 熟悉浏览器
• 熟悉HTTP

注: 前端学习路线