这是我参与「第四届青训营 」笔记创作活动的的第7天，本节课老师带我们学习了前端开发和Web标准的相关知识。
关于前端开发
1、起源、架构、变迁
诞生（1989）
1989年Web开发(Frontend)诞生时，Web由三种技术构成：
- HTML
- HTTP
- URL
之后的几年内，为了辅助Web开发，进而出现了CSS和JavaScript
论文链接：The original proposal of the WWW, HTMLized (w3.org)
只读时代（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
2、前端应用的领域
模式
To Business(B端)，通常为企业内部或商家使用的系统或平台。
- 面对企业客户，多为一个群体使用，本质是满足工作需求，多为多种功能的整合，讲究协同合作。使用B端往往是长时间、沉浸式，B端是服务于公司或企业所有员工。
- 举例：企业内部ERP管理系统、财务管理平台等。
To Customer(C端)，通常为消费者、个人终端用户使用的客户端。
- 面对面对个人用户，多为单个个体使用，讲究用户的使用感觉，有一个核心的功能，其他的功能都是附加的，是为“碎片化的时间”服务的，特点是数据量大，因为用户群大，数据增长都是指数级的。
- 举例：微信、淘宝、网易云音乐等。
To Developer(D端)，通常是针对开发者推出的产品，加快开发流程
B端和C端的区别与联系
1.用户类型
- B端：用户量相对较小 -->> 企业、商家，一般称之为“客户”
- C端：用户量相对较大 -->> 终端个体，一般称之为“用户”
2.展示方式及盈利模式
- B端：基本为PC端，大部分提供的是定制化的付费产品，偏向于企业工作系统 --> “定制付费”
- C端：手机端为主、PC端为次；大多功能免费功能，免费基础上增加广告、促销等付费功能 --> “规模经济”
3.产品设计
- B端：满足不同组织之间协作，系统呈现模块化，系统用户一般会分为多种角色，有角色分配和权限管理等
- C端：有一个核心功能点，在此基础上增加增值服务及更好的用户体验，用户一般按照年龄、性格、喜好等划分
4.运营策略
- B端：线下为主；相对传统，通过“大型会议、行业展会”等，专业角度吸引企业客户。
- C端：线上为主；通过“优惠券、红包” 等奖励方式 激励用户进行线上分享，提高产品关注度。
浏览器
Edge、Google、Firefox
服务器
Node.js、Express、koa
终端、跨端
命令行/终端：
- Webpack CLI
- Babel CLI
- Vue CLI
- React CLI
桌面跨端：
- Electron
- NW.js
移动终端：
- React Native
- Flutter
3、语言、框架、工具
C/C++/Rust 编写的程序都可以编译成WebAssembly在浏览器中运行，从而使得浏览器达到接近原生应用的速度，WebAssembly是一种类汇编的形式
4、浏览器、网络、服务
浏览器：深入理解现代浏览器
网络：HTTP 概述 - HTTP | MDN (mozilla.org)
学习路线：Frontend Developer Roadmap: Learn to become a modern frontend developer
关于Web标准
1、标准组织
- W3C：World Wide Web Consortium
- Ecma：Ecma International
- WHATWG：Web Hypertext Application Technology Working Group
- IETF：Internet Engineering Task Force
