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

120 阅读2分钟

Web开发基本情况介绍(关于前端的开发)

该节较为理论

起源、架构、变迁

Web的起源

image.png image.png

Web的架构

  • 客户端打开浏览器,通过HTTP获得服务器上存储的HTML文档,将文档解析呈现在屏幕上就是Web的基本架构。 image.png

Web的变迁

image.png

  • 只读时代的Web相当于一个阅读器
  • 体验时代中浏览器可以不用刷新网页,通过JS的数据向浏览器发送请求,该时代从Web页面转向Web应用。
  • 敏捷时代:一个划分。

前端应用的领域

image.png

  • To B即企业级应用:字节的火山引擎或一些广告平台,表现为登陆
  • To C对于终端的用户:像新闻资讯、生活娱乐等直接触达终端客户的应用
  • To D面向开发者:整个Web开发的流程都离不开编码工具的应用。

浏览器

image.png

服务器

image.png

终端和跨端

image.png

语言、框架、工具

image.png

  • Web之初只有HTML构建网页结构,后面出现的CSS负责对网页进行装饰和美化,JS能响应用户的操作。
  • webAssembly是一种低级的、类似汇编的语言,在各大浏览器中都可以使用,使浏览器能够胜任游戏引擎之类的应用。

image.png

  • 可以去这些平台网页上借鉴其他优秀人物的代码等

浏览器、网络、服务器

image.png

  • 《深入理解现代浏览器》通过图文并茂的形式告诉读者在Web网页制作中会发生的事。

image.png

  • 《An overview of HTTP》关于浏览器开发的概览,了解性能优化,解决生态中的不足之处

学习路线图

image.png

关于Web标准

了解Web标准组织

image.png

W3C

Ecma

WHATWG

IETF

W3C与Ecma会员

image.png

W3C流程

image.png 规范制定流程

Explainer demo
Find the right community/group
Web IDL for APIs link
Step-by-step algorithms
GitHub, Markdown, respec, bikeshed, etc.
Get an early review w3ctag/design-reviews
Write web-platform-tests (WPT) tests

TC39流程

image.png

Championing a proposal at TC39
How to write a good explainer
Presenting a Proposal to TC39
Reading a proposal draft
Stage 3 Proposal Reviews
How to experiment with a proposal before Stage 4
Implementing and shipping TC39 proposals

如何参与

W3C会议

  • 年度大会
    • AC
    • TPAC
  • 工作组会议
    • 每月会议
    • 各种研讨会

image.png

Ecma会议

  • 年度大会
    • GA
  • TC39会议
    • 每1-2月(关注最新安排)

总结

需时刻关注行业动态,抓住每一个更新和补充知识的机会,明白Web对于人类发展的意义,借助互联网充实自身。