Web标准与前端开发

2023-12-10 09:53:01 浏览数 (1)

前端开发的起源、架构、变迁

前端最早诞生于1989年，最早的Web是由HTML、HTTP、URL三种技术构成，而我们现在的CSS和JavaScript都是后来才出现的技术。前端发展至今可以分为三个时代分别是只读时代、体验时代、敏捷时代。

  • 只读时代（1989-2004）
    • HTMLcssJavaScript（架构）
      • 单向发布
      • 静态只读
      • 链接跳转
      • 刷新页面
      • 表格对齐元素
      • CGI
  • 体验时代（2005-2010）
    • AjaxWebjQuery（架构）
      • 动态交互
      • 社交媒体
      • 用户生成内容(UGC)
      • 单页应用(SPA)
      • jQuery
      • YUI
  • 敏捷时代（2010-2021）
    • FetchNode.jsWebpack（架构）
      • 模块化
      • 组件化
      • 转译(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
  • 官网: https://www.w3.org
  • Github: https://github.eom/w3c
  • 规范查询： https://www.w3.org/TR
Ecma TC39
  • 官网: https:.//www.ecma-international.orgIETF
  • TC39: https://tc39.es
  • Github: https://qithub.com/tc39
  • Discourse: https://es.discourse.groupWHATWG
  • 官网: https://whatwg.org/
  • Github: https://github.com/whatwg
  • 规范查询: https://spec.whatwg.org/
  • 官网: https://www.ietf.org/
  • Github: https://github.com/ietf
W3C规范制定流程
  • 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的标准有了更加清晰和深刻的理解。对前端这个岗位有了更清晰的了解。了解到了前端发展的历程，扩宽了我的知识面

我正在参与2023腾讯技术创作特训营第四期有奖征文，快来和我瓜分大奖！

2023腾讯·技术创作特训营第四期

0 人点赞