《web标准与前端开发》| 青训营

79 阅读1分钟

一.关于前端开发

1.1前端开发诞生,架构

1989年诞生,web由三种技术构成:

  • HTML
  • HTTP
  • URL

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

1.2前端开发变迁

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

2.体验时代 2005-2010 Ajax/Web API/jQuery

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

3.敏捷时代 2010-2021
Fetch/Node.js/webpack

  • 模块化
  • 组件化
  • 转译
  • 打包
  • React.js
  • Vue.js

1.3前端开发应用的领域

cdf6310996d34db847e562375781fa5.jpg 浏览器:

42360d0ac6157e67a64f7277aee5c3a.jpg 服务器:

824fa886fc1fc5225e168492ed946d6.jpg 命令行/终端:

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

桌面跨端

  • Electron
  • NW.js

移动跨端

  • React Native
  • Flutter

1.4前端开发语言,框架,工具

d1ce7119e2e549a1288d3320c3fc909.jpg

1.5前端学习路线

(注:这里只是部分路线) 观看完整路线可点击[Frontend Developer Roadmap] image.png

二.关于web标准

2.1web标准:W3C Ecma

W3C

Ecma TC39

2.2W3C规范制定流程

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

2.3EcmaTC39规范制定流程

  • 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