一、本堂课重点内容：
- 前端开发介绍
二、详细知识点介绍：
前端开发
- 上网指的是接入互联网
- 互联网的标志性协议为 TCP/IP
- 1989年诞生时 Web 由三技术组成：HTML、HTTP、URL
不同时代
只读时代
HTML / CSS / JavaScript
- 单向发布
- 静态只读
- 刷新页面
- CGI
体验时代
Ajax / Web API / JQuery
- 动态交互
- 社交媒体
- 用户生成内容
- YUI
- 单页应用
敏捷时代
Fetch / Node.js / Webpack
- 模块化、组件化
- 转译、打包
- Vue.js
- React.js
应用领域
- To Business - 企业级应用
- To Customer - 用户级应用
- To Developer - 开发者应用
浏览器
-
桌面浏览器 - Chrome、Edge、Firefox、Opera、Safari
- 由于 Edge 和 Opera 已选择了谷歌阵营，所以事实上目前仅有 Chrome、Safari 和 Firefox 三个浏览器
- 移动浏览器 - Chrome、Safari
- 移动 APP 中的 WebView
服务器
- Node.js
- Express
- Koa
- Deno
- ...
终端、跨端
-
命令行、终端
- Webpack CLI
- Vue CLI
- ...
-
桌面跨端
- NW.js
- Electron
- ...
-
移动跨端
- React Native
- Flutter
- ...
语言
- HTML - 框架
- CSS - 样式
- JavaScript - 动态 / 操作
- WebAssembly - 类汇编
框架
- Node.js
- Koa
- Git
- Webpack
- ...
学习路径
Frontend Developer Roadmap: Learn to become a modern frontend developer
- Type Checkers - 类型选择器 - 防止编译时候出现误解错误
Web 标准
标准组织
-
W3C - World Wide Web Consortium
- 官网 - www.w3.org/
- 规范查询 - www.w3.org/TR/
- 全球由 457 家会员，北航总部（中国区）会员 47 家
- 规范制定流程 - W3C Process Document
-
Ecma - Ecma International
- 官网 - www.ecma-international.org/
- TC39 - tc39.es/
- Ecma 的 Associate Member 的中国公司有字节跳动、360、阿里巴巴、华为、腾讯等 5 家
- 规范制定流程 - www.ecma-international.org/publication…
-
WHATWG - Web Hypertext Application Technology Working Group
- 官网 - whatwg.org/
- 规范查询 - spec.whatwg.org/
-
IETF - Internet Engineering Task Force
- 官网 - www.ietf.org/
总结
- 学习前端不仅学习三大件，也要学习前端的通信以及其他知识
- 根据学习路径进行学习，学习计算机网络知识
- 通过查阅 Web 标准规范自身的代码
