一、关于前端开发的起源、架构、变迁
1.1起源
1989年Tim Berners-Lee在这个欧洲的一个名叫CERN的物理研究机构写了一个建议，提了一个information management和几个proposal，就是关于信息管理的一个建议，而该建议就被公认为是我们现在web开发技术的起源，其核心的思路是我们可以设想一，存储在任何一台产机上的这个信息都是相互连接的，设想二，我们可以在这个地上写一段程序，创造一个空间，让所有的事情相互连接在一起。
很多人分不清 “上网”是上的哪个网？即使在互联网的诞生地也是如此。
web的普及和深入人心由此可见一斑。
上网指接入Internet， 它是地球上相互连接的计算机构成的网络。
计算机网络诞生于上个世纪的60年代，标志性通信协议是TCP/IP。
1.2架构
1989年诞生时， Web由三种技术构成：
• HTML
• HTTP
• URL
CSS和Javascript是几年之后才出现的。
1.3变迁
1.3.1只读时代（1989-2004）
HTML/CSS/JavaScript
• 单向发布
• 静态只读
• 链接跳转
• 刷新页面
• 表格对齐元素
• CGI
1.3.2体验时代（2005-2010）
Ajax/Web API/Query
• 动态交互
• 社交媒体
• 用户生成内容 (UGC)
• 单页应用 (SPA)
• jQuery
• YUI
1.3.3敏捷时代（2010-2021）
Fetch/Node.js/Webpack
• 模块化
• 组件化
• 转译 (transpiling)
• 打包 (bundling)
• React.js
• Vue.js
个人联想：
通过前面的学习，可以发现前端开发是随着互联网的发展而兴起的。早期的互联网页面主要由HTML、CSS和少量的JavaScript组成，主要用于展示静态内容。随着用户对互动性和动态化的需求增加，前端开发开始涉及更复杂的交互和数据处理，比如JavaScript框架中的Next.js和Nuxt.js，结合了SSR和CSR的优势。
二、前端应用的领域
1.1前端应用的领域
To Business、To Customer、To Developer
1.2前端应用的领域之浏览器
1.3前端应用的领域之服务器
1.4前端应用的领域之终端和跨端
命令行/终端
• Webpack CLI
• Babel CLI
• Vue CLI
• React CLI
三、关于前端开发的语言、框架、工具
1.1语言
Web刚出世时只有HTML这一种语言，能够构建网页结构，后来出现CSS的出现可以对网页进行装饰、美化和动画等等这些能新的能力，那JavaScript开始就是定位在让这个网页的内容能够动态化，能够响应用户操作，所以在网页中嵌了这种加固语言。
HTML、CSS、JavaScript长时间以来一直是浏览器运营的三门主要的语言。
2019年12月5号，W3C正式发布了WebAssembly这第四种语言，它是一种新的编码方式。
1.2框架
一些热门的框架：
Ryan Dahl、TJ Holowaychuk、Jordan Walke、尤雨溪、
Anders Hejlsberg
Linus Torvalds、Sebastian McKenzie、Tobias Koppers、Evan Wallace
1.3工具
笔记：
浏览器
HTTP网络协议
个人补充：
据个人了解，前端开发还使用了许多其他工具来提高开发效率，如包管理工具（npm、Yarn）、构建工具（Webpack、Rollup）、代码检查（ESLint）、测试工具（Jest、Mocha）等。
四、前端学习路线图
学习网址roadmap.sh
紫色标注是最重要的，绿色标注是可选修的，可以根据该学习路线图逐步展开学习。
五、个人思考
本节课授课老师给我们介绍了Web开发基本情况的概念，同时给我们推荐了一个前端学习网址，帮助我们对前端开发的沿革和发展趋势有一个全面的认识，对此我们应该要掌握前端开发所使用的核心语言、框架和工具，并保持对新技术的学习和关注。
此外，我设想如果我们想在前端开发的道路上不断成长和进步，可以思考Web的发展趋势，开发者可以研究以下几个方向：
• 设计：Web应用在设计上需要美观，一个亮眼的logo是必不可少的。
• 增强的网络安全：做好跨站脚本（XSS）、敏感数据暴露、SQL注入等网络安全威胁的防御工作，保护用户隐私。
• 数据库：灵活运用数据库，提高工作效能：如OLAP 数据（可用于数据仓库和分析）、键值存储（可用于分布式缓存）。
• AI：AI便捷了人们的生活，近日人工智能ChatGPT更是火出了圈，其全面应用于多个领域，既节约大部分工作的时间成本，也在一定程度上丰富用户体验感。
• 动态UI：运动 UI 有助于传达数字产品的顺序、下一步、过渡或操作，从而使导航更加容易。在此过程中，它将用户的注意力引导到网页上层次结构的确切区域。查看一系列动画元素比阅读文本、说明和其他静态信息更容易、更快捷。
• AR 和VR在web的应用：当用户在抖音和微信中看到的滤镜与AR + VR结合，可增强用户体验感。
