Web标准和前端开发

01、关于前端开发

• 起源、架构、变迁
• 前端应用的领域
• 语言、框架、工具
• 前端学习路线图

web由三种技术构成：

• HTML：网络结构
• HTTP：是超文本传输协议的意思
• URL：网络唯一标识协议

CSS和JS是几年之后才出现的

只读时代

• 单向发布
• 静态只读
• 链接跳转
• 刷新页面
• 表格对齐元素
• CGI

体验时代

• 动态交互
• 社交媒体
• 用户生成内容
• 单页应用（SPA）
• jQuery
• YUI

敏捷时代

• 模块化
• 组件化
• 转译（transpiling）
• 打包（bundling）
• React.js
• Vue.js

前端应用的领域

To Business

指的是企业应用，eg：字节、银行

To Customer

指的是直接触达终端客户的，eg：电商平台，在线教育

To Developer

指的是面向开发者的工具、平台，开发者自产自销eg：调式、运维

命令行/终端

• Webpack CLI
• Babel CLI
• Vue CLI
• React CLI

语言、框架、工具

• HTML
• CSS
• JavaScript

推荐文章

• 深入理解现代浏览器

前端学习路线图

02、关于Web标准

• 了解Web标准组织
• W3C与Ecma会员
• W3C流程
• TC39流程
• 如何参与

标准组织

• W3C
• Ecma
• WHATWG
• IETF

• W3C目前在全球有457家会员

W3C规范指制定流程

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

如何参与---关注会议

W3C会议

是一年一度的全球技术大会，汇集W3C各工作小组成员、咨询委员会、技术架构组、会员单位代表、公众特邀专家以及全球社区成员，通过为期1-2周的集中互动交流，深入探讨未来开放Web平台技术方向

• 年度大会

  • AC（Advisory Committee）
  • TPAC（Technical Plenary and Advisory Committee）

• 工作会议

  • 每月会议
  • 各种研讨会

Wcma会议

• 年度大会

  • GA（General Assembly）

• TC39会议

  • 每1-2个月

感受

这节课让我了解到了web的发展过程，并且还学到了清晰的学习前端的路线，最终我也会多去关注关注会议，让自己多多参与web前端开发，让自己更加了解这方面的知识，以及有事没事多去看看相关的书籍，给自己定一个清晰的学习计划，让自己能够越来越熟悉它们。