这是我参与「第四届青训营 」笔记创作活动的的第4天
关于前端开发
起源、架构、变迁
起源
Tim Berners-Lee提出的关于信息管理的建议---万物互联
架构
1989年诞生时，Web由三种技术构成：
- HTML
- HTTP
- URL CSS和Javascript是几年之后才出现的
变迁
- 只读时代
- 体验时代
- 敏捷时代
前端应用领域
- 企业官方网站的开发与维护
- 门户类型网站的开发与维护
- 电商网站，例如淘宝京东
- 后台管理系统（对于开发者自己）
- H5的活动营销页、红包落地页、明星投票页等等一系列与营销活动相关的移动端页面
- 移动端视频播放页面
- 微信小程序
- 造轮子写工具、写框架，搭建基础设施
语言、框架、工具
语言
- HTML
- CSS
- JavaScript
- WebAssemnly---浏览器的速度加快，能实现一些游戏引擎、科学运算等对性能要求极高的应用
框架
工具
前端代码的运行环境：浏览器、网络、服务器
前端学习路线图
roadmap.sh
选Fronend
关于Web标准
Web标准组织
- W3C(World Wide Web Consortium)：万维网联盟
- Ecma(Ecma International)
- WHATWG(Web Hypertext Application Technology Working Group)：Web超文本应用技术工作组
- IETP(Internet Engineering Task Force)：互联网工程任务组
W3C与Ecma会员
- W3C目前在全球有457家会员，其中北航总部（中国区）会员47家
- Ecma的AM（Associate Member）会员目前有18家，中国公司有字节跳动、360、阿里、华为、腾讯等5家
W3C流程
工作草案（WD）---候选推荐标准（CR）---提议推荐标准（PR）---推荐标准（REC）
具体来说
- Explainer（建议说明文档）：比如要标准化某个领域的API，要先写一个建议文档
- Find the right community/group：找到合适的社区或小组，把建议文档提交到社区或小组里充分讨论
- Web lDL for APls：IDL (Interface Description Language，接口描述语言)，分步算法，就是要把算法步骤描述清楚
- GitHub, Markdown, respec, bikeshed, etc：这些都是工具
- Get an early review w3ctag/design-review：事先请TAG(Technical Architecture Group，技术架构组）进行设计评审
- Write web-platform-tests (WPT) tests：编写WPT测试
TC39流程
- Stage 0：strawman，稻草人，以任何形式提交的想法
- Stage 1：proposal，提案，特性的正式建议
- Stage 2：draft，草案，具有语法和语义的描述
- Stage 3：candidate，候选，规范文本完备，有了两个实现
- Stage 4：finished，完成，可以成为标准，通过单元测试
如何参与---关注会议
W3C Technical Plenary / Advisory Committee Meetings Week（简称TPAC）是W3C一年一度的全球技术大会，汇集W3C各工作小组成员（工作组、兴趣组、社区组等）、咨询委员会（AB）、技术架构组（TAG）、会员单位代表（AC）、公众特邀专家以及全球社区成员，通过为期1-2周的集中互动交流，深入探讨未来开放 Web平台技术方向。
