这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天
一、本堂课重点内容：
- 前端基本背景概述
- 前端应用领域
- 前端的语言框架与工具
- 前端学习路线图
二、详细知识点介绍：
前端基本背景概述
互联网起源于1989年Tim Berners-Lee大佬的一篇论文www.w3.org/History/198…，这篇文章提出了网络互联的概念
Suppose all the information stored oncomputers everywhere were linked. Suppose I could program my computerto create a space in which everythingcould be linked to everything.
计算机网络很复杂，有各种网：局域网、广域网等等，但是我们日常生活中所谓的“上网”指接入Internet，它是地球上相互连接的计算机构成的网络。计算机网络诞生于上个世纪的60年代标志性通信协议是TCP/IP。
1989年诞生时，Web由三种技术构成：HTML、HTTP、URL，CSS和JavaScript是几年之后才出现的。
关于前端的变迁可以大致分为三个时代：只读时代、体验时代、敏捷时代
| 名称及年份 | 核心技术 | 特点 |
|---|---|---|
| 只读时代（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 |
前端应用领域
- To Business：企业级应用，比如说银行
- To Customer：给用户的前端应用，比如说电商平台
- To Developer：给开发者用的，比如说VSCode
前端工具
浏览器
- 桌面端：谷歌、Edge、火狐、Safari
- 移动端：安卓、IOS
服务器
- Node.js
- Express.js
- koa
终端和跨端
命令行/终端
- Webpack CLI
- Babel CLI
- Vue CLI
- React CLI
桌面跨端
- Electron
- NW.js
移动跨端
- React Native
- Flutter
框架、语言、工具
前端学习路线图
看！都给我看！
三、课后个人总结：
- 要关注原理性的东西，不然根基不稳注定走不远
- 高屋建瓴，yyds
四、引用参考：
tb就是企业级应用
