Web标准与前端开发|青训营笔记

150 阅读2分钟

Web标准与前端开发|青训营笔记

mobilebanner.png

这是我参与「第四届青训营 」笔记创作活动的第5天

了解Web标准与前端开发的意义

作为一位在前端领域的学习者,了解前端开发的历史与发展趋势能够更好的结合自身条件在前端这路上走的更远,能够迎合市场需要求,开发出令人更加满意的前端产品。至于知道Web标准是十分有必要的,毕竟一般项目是由多人协同完成的,所有人在一套标准下开发能让团队合作更加的规范化。本文将介绍前端开发与Web标准的相关知识。

前端开发

起源、架构、变迁

只读时代(1989-2004)

  • HTML/CSS/Javascript
  • 单向发布
  • 静态只读
  • 链接跳转
  • 刷新页面
  • 表格对齐元素
  • CGI(Web 服务器运行时外部程序的规范)

体验时代(2005-2010)

  • Ajax/Web API/JQuery
  • 动态交互
  • 社交媒体
  • UGC(用户生成内容)
  • SPA(单向应用)
  • JQuery(javascript函数库)
  • YUI(javascript函数库)

敏捷时代(2010-2021)

  • Fetch/Node.js/Webpack
  • 模块化
  • 组件化
  • 转译(transpiling)
  • 打包(bundling)
  • React.js
  • Vue.js

前端应用的领域

前端应用的领域之应用方向

1659381512404.jpg

前端应用的领域之浏览器

1659381642705.png

前端应用的领域之服务器

1659381666284.png

前端领域之终端和跨端

1659381708512.jpg

语言、框架、工具

4PW_MNULILPGQRN07CI88XP.png

1659382156223.jpg

前端开发之浏览器

3b5ff45a-ef3c-4d93-a97e-066a62270b3a.png

[深入理解现代浏览器学习文章](w3c/20190603_cncuckoo_深入理解现代浏览器.md at master · 75team/w3c (github.com))

前端开发之网络与服务器

dee1f4eb-71f3-4a30-99bd-9180151c8d9e.png

学习文章(An overview of Http[)](An overview of HTTP - HTTP | MDN (mozilla.org))

前端学习路线

463c25b9-a9d1-4326-b74a-dc2bb3405598.png

Web标准

了解Web标准组织

  • W3C:World Wide Web Consortium
  • Ecma:Ecma International
  • WHATWG:Web Hypertext Application Technology Working Group
  • IETF:Internet Engineering Task Force

W3C、Ecma、WHATW、IETF

1659383607618.png

1659383625888.png

W3C规范制定流程

376eb2c2-0604-4e8d-96bf-62f24decc53a.png The W3C Recommendation Track

Ecma TC39 规定流程

c15fde28-9549-4aca-a965-a0ab75837ef4.png ECMAScript2021 language specification