Web 标准与前端开发 ｜ 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第6天
关于前端开发
发展历史
只读时代
时间: 1989 - 2004
技术栈: HTML/CSS/JavaScript
特点:
- 单向发布
- 静态只读
- 链接跳转
- 刷新页面
- 表格对齐元素
- CGI
表现: 新闻网站
体验时代
时间: 2005 - 2010
技术栈: Ajax/Web API/jQuery
特点:
- 动态交互
- 社交媒体
- 用户生成内容 (UGC)
- 单页应用 (SPA)
- jQuery
- YUI
表现: 微博
敏捷时代
时间: 2010 - 2021
技术栈: Fetch/Node.js/Webpack
特点:
- 模块化
- 组件化
- 转译 (transpiling)
- 打包 (bundling)
- React.js
- Vue.js
表现: Element Plus、Ant Design
前端工作内容
面向群体
- Business 企业级应用
- Customer 面向大众群体
- Developer 开发工具、调试运维
用户环境
前端需要兼容各种浏览器、操作系统、硬件环境, 尽量使展示效果一致。
Desktop
- Chrome
- Firefox
- Safari
- Edge
Mobile
- Android
- iOS
服务器环境
前端也可以在服务端进行渲染然后传输给用户
- Nodejs
- Deno
终端和跨端
前端所使用的开发工具及框架
命令行/终端
- Webpack CLI
- Babel CLI
- Vue CLI
- React CLI
跨端
- Eletron
- NW.js
- React Native
- Flutter
语言 框架 工具
语言
HTML: 搭建页面结构
CSS: 美化页面样式
JavaScript: 使页面功能丰富
框架 工具
产品名及作者
Nodejs: Ryan Dahl koa: TJ Holowaychuk React: Jordan Walke Vue: Evan You Type Script: Anders HejLsberg Git: Linus Torvalds Babel: Sebastian McKenzie Webpack: Tobias Koppers Esbuild: Evan Wallace
学习资料
Web 标准
W3C标准组织
W3C (World Wide Web Consortium)
官网: www.w3.org/
Github: github.com/w3c
规范查询: www.w3.org/TR/
Ecma (Ecma International)
官网: www.ecma-international.org/
TC39: tc39.es
Github: github.com/tc39
Discourse: es.discourse.group/
WHATWG (Web Hypertext Application Technlogy Working Group)
官网: www.whatwg.org/
Github: github.com/whatwg
规范查询: spec.whatwg.org/
IETF (Internet Engineering Task Force)
关注会议
关注相关会议可以使自己观察到行业前沿知识和发展动态
年度会议
GA (General Assembly)
TC39会议
每1-2个月
