这是我参与[第五届青训营]伴学笔记创作活动的第三天

Web标准与前端开发

1.关于前端开发

1.1 起源

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

1989年 Web由三种技术构成

• HTML
• HTTP
• URL CSS和JS是几年之后才出现的。

1.2 变迁

1.2.1只读时代1984-2004

• HTML/CSS/JS
• 单向发布
• 静态只读
• 链接跳转
• 刷新页面
• 表格对其元素
• CGI

1.2.2体验时代2005-2010

• Ajax/Web Api/jQery
• 动态交互
• 社交媒体
• 用户生成内容(UGC)
• 单页应用(SPA)
• jQuery
• YUI

1.2.3敏捷时代2010-2021

• fetch/node.js/webpack
• 模块化
• 组件化
• 转译(transpiling)
• 打包(bundling)
• React.js
• Vue.js

2.前端应用的领域

• To business
  • 企业级应用
• To customer
  • 电商平台、在线教育
• To developer
  • 面向开发者

2.1领域——浏览器

2.2领域——服务器

2.3领域——终端和跨端

2.3.1命令行/终端

• Webpack CLI
• Babel CLI
• Vue CLI
• React CLI

2.3.2桌面跨端

• Electron
• NW.js

2.3.3移动跨端

• React Native
• Flutter

3.语言、架构、工具

3.1语言

3.2架构、工具

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