Web开发基本情况介绍(关于前端的开发)
该节较为理论
起源、架构、变迁
Web的起源
Web的架构
- 客户端打开浏览器,通过HTTP获得服务器上存储的HTML文档,将文档解析呈现在屏幕上就是Web的基本架构。
Web的变迁
- 只读时代的Web相当于一个阅读器
- 体验时代中浏览器可以不用刷新网页,通过JS的数据向浏览器发送请求,该时代从Web页面转向Web应用。
- 敏捷时代:一个划分。
前端应用的领域
- To B即企业级应用:字节的火山引擎或一些广告平台,表现为登陆
- To C对于终端的用户:像新闻资讯、生活娱乐等直接触达终端客户的应用
- To D面向开发者:整个Web开发的流程都离不开编码工具的应用。
浏览器
服务器
终端和跨端
语言、框架、工具
- Web之初只有HTML构建网页结构,后面出现的CSS负责对网页进行装饰和美化,JS能响应用户的操作。
- webAssembly是一种低级的、类似汇编的语言,在各大浏览器中都可以使用,使浏览器能够胜任游戏引擎之类的应用。
- 可以去这些平台网页上借鉴其他优秀人物的代码等
浏览器、网络、服务器
- 《深入理解现代浏览器》通过图文并茂的形式告诉读者在Web网页制作中会发生的事。
- 《An overview of HTTP》关于浏览器开发的概览,了解性能优化,解决生态中的不足之处
学习路线图
关于Web标准
了解Web标准组织
W3C
- 官网:www.w3.org
- Github:github.com/w3c
- 规范查询:www.w3.org/TR
Ecma
- 官网:www.ecma-international.org
- TC39:tc39.es
- Github:github.com/tc39
- Discourse:https:/es.discourse.group
WHATWG
- 官网:whatwg.org
- Github:github.com/whatwg
- 规范查询:spec.whatwg.org/
IETF
- 官网:www.ietf.org/
- Github:github.com/ietf
W3C与Ecma会员
W3C流程
规范制定流程
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流程
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
- 工作组会议
- 每月会议
- 各种研讨会
Ecma会议
- 年度大会
- GA
- TC39会议
- 每1-2月(关注最新安排)
总结
需时刻关注行业动态,抓住每一个更新和补充知识的机会,明白Web对于人类发展的意义,借助互联网充实自身。