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

68 阅读3分钟

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

前端开发的架构、变迁

Web架构

最初Web由下列三种技术构成(Web最初的原型)

  • HTML
  • HTTP
  • URL

image.png

Web变迁

只读时代

由最基本的架构构成。需要发送请求来刷新页面,不能在不刷新页面的情况下更新页面。

体验时代

不刷新页面也能更新页面响应用户交互,动态的根据服务器更新页面。实现由简单页面向Web应用跨越。

敏捷时代

重视用户的交互体验以及用户的体验感

image.png

前端应用领域

三大方向

To B

面向企业、大的组织机构,通常进行登录后来获取大量服务

To C

面向客户,在用户间进行信息交流

To D

面向开发者的平台和框架,构建提高开发效率的工具

主要应用领域

浏览器

前端不仅要开发在浏览器和WebView中运行的网页,也要开发在小程序运行时上跑的小程序

  • 桌面浏览器
  • 移动浏览器

image.png

服务器

image.png

终端和跨终端

image.png

前端开发框架、工具

相关框架

建议:了解框架开发作者,明白框架开发初衷,理解框架的定位和使用

image.png

工具

浏览器

理解浏览器运行推荐文章:github.com/75team/w3c/…

网络

理解HTTP响应文章: developer.mozilla.org/en-US/docs/…

服务器

前端学习路线图

roadmap.sh

Web标准

标准组织

image.png

image.png

image.png

W3C会议

W3C Technical Plenary / Advisory Committee Meetings Week (简称 TPAC)是W3C一年一度的全球技术大会,汇集W3C各工作小组成员 (工作组、兴趣组、社区组等)、 咨询委员会(AB)、 技术架构组 (TAG)、会员单位代表(AC) 、公众特邀专家以及全球社区成员,通过 为期1-2周的集中互动交流,深入探讨未来开放Web平台技术方向。

Ecma会议

Ecma International,简称Ecma,因其制定的ECMAScript(也就是大名鼎鼎的JavaScript语言)标准而在国内技术社区名声大噪。事实上,这家成立于1959的行业协会还制定很多其他国际标准,包括C#、Dart语言和CD-ROM,等等。作为一家注册在日内瓦的国际标准组织,Ecma越来越成为头部互联网公司在标准领域发力的平台。Ecma GA每半年召开一次会议,集体审议并决定协会层面的重大事项。相对于Ecma,W3C是相对专业的标准组织,只专注于Web技术的标准化。

总结

本节课主要是针对Web开发标准、常识、工具等方面进行了讲解,了解了Web的发展进程、相关标准的制定以及学习前端的工具和路线。整节课偏向于前端相关内容介绍和前端学习资源的推荐。尤其是课上推荐的两个文档,课下得去好好阅读一下。