--- theme: condensed-night-purple highlight: atelier-cave-dark --- # 前端开发的起源、架构、变迁前端最早诞生于1989年，最早的Web是由HTML、HTTP、URL三种技术构成，而我们现在的CSS和JavaScript都是后来才出现的技术。前端发展至今可以分为三个时代分别是只读时代、体验时代、敏捷时代。 * 只读时代（1989-2004） * HTML\css\JavaScript（架构） * 单向发布 * 静态只读 * 链接跳转 * 刷新页面 * 表格对齐元素 * CGI * 体验时代（2005-2010） * Ajax\Web\jQuery（架构） * 动态交互 * 社交媒体 * 用户生成内容(UGC) * 单页应用(SPA) * jQuery * YUI * 敏捷时代（2010-2021） * Fetch\Node.js\Webpack（架构） * 模块化 * 组件化 * 转译(transpiling) * 打包(bundling) * React.js * vue.js # 前端的应用领域 * To Business（面向公司） * To Customer（面向用户） * To Developer（面型开发者） # 前端比较前沿的语言、框架、工具 * 语言 * HTML、CSS、JavaScript * WebAssembly * 框架、工具 * node.js * koa * React * vue * Typescript * git * babel * webpack * esbuild 下面我们来讲讲关于前端的标准 # 关于Web标准 ### 标准组织 * **W3C**: World Wide Web Consortium * **Ecma**: Ecma International * **WHATWG**: Web Hypertext ApplicationTechnology Working Group * **IETF**: Internet Engineering Task Force ### 关于Web标准 #### W3C * **官网**: * **Github**: * **规范查询**： #### Ecma TC39 * **官网**: https:.//[www.ecma-international.org](http://www.ecma-international.org) * **TC39**: * **Github**: * **Discourse**: #### WHATWG * **官网**: * **Github**: * **规范查询**: * #### IETF * **官网**: * **Github**: #### W3C规范制定流程 ![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a6c8c6e141dc4a3ba7604723669fe420~tplv-k3u1fbpfcp-watermark.image#?w=632\&h=182\&s=49305\&e=png\&b=fdfdfd) * Explainer demo (演示Demo) * Find the right community/group (找到合适的组织) * Web IDL for APIs link（API 链接的 Web IDL） * Step-by-step algorithms（逐步算法） * GitHub, Markdown, respec, bikeshed,etc（上传GitHub, Markdown, respec, bikeshed,etc等） * Get an early review w3ctag/design-reviews（获得w3ctag的评估） * Write web-platform-tests (WPT) tests（编写测试） #### 课后总结学完Web标准与前端开发的课程后，让我对Web的标准有了更加清晰和深刻的理解。对前端这个岗位有了更清晰的了解。了解到了前端发展的历程，扩宽了我的知识面