这是我参与「第五届青训营」伴学笔记创作活动的第15天
一、本节课重点内容
本节课作为「前端入门 - 理论篇」的开篇，将立足前端开发这一行业的宏观视角，讲解前端开发职业的发展脉络和前端开发主要的工作职责，本节课的教学内容是帮助大家在正式学习前端开发技术的之前，对行业整体情况有一个清晰的认知，向大家介绍前端的相关历史与发展内容，为我们的学习奠定基础。
课程重点内容总结如下所示：
- 前端的起源、架构及变迁
- 前端的应用领域
- 开发中常用的语言框架及工具
- 前端学习路线推荐
二、详细知识点介绍
关于前端开发:起源、架构、变迁：
很多人分不清"上网"是上的哪个网?
即使在互联网的诞生地也是如此——Web的普及和深入人心由此可见一斑。
- 上网指接入Internet，它是地球上相互连接的计算机构成的网络。
- 计算机网络诞生于上个世纪的60年代；
- 标志性通信协议是TCP/IP。
1989年诞生时，Web由三种技术构成:
- HTML（网页页面）
- HTTP（协议）
- URL（超链接地址）
CSS和JavaScript是几年之后才出现的，是对html技术的的优化、增强和补充。
发展三阶段如下：
只读时代:1989-2004
HTML/CSS/JavaScript
- 单向发布
- 静态只读
- 链接跳转
- 刷新页面
- 表格对齐元素
- CGI
体验时代:2005-2010
AjaxWeb API jQuery
- 动态交互
- 社交媒体
- 用户生成内容(UGC)
- 单页应用(SPA)
- jQuery
敏捷时代:2010-2021
Fetch / Node.js / Webpack
- 模块化
- 组件化
- 转译(transpiling)
- 打包(bundling)
- React.js
- Vue.js
前端开发学习路线图：
关于Web标准:标准组织
- W3C: World Wide Web Consortium
- Ecma: Ecma International
- WHATWG: Web Hypertext Application
- Technology Working Group
- IETF: Internet Engineering Task Force
三、总结
Web前端开发的意义：在于它可以为网站的用户提供更好的体验，更加美观的界面，更加实用的功能，以及更快的响应速度。通过Web前端开发，可以使网站的用户界面更加友好，更加容易操作，有利于提升网站的用户体验，提升网站的访问量，从而增加网站的收入。
到目前为止，Web前端开发技术已经发展到一个非常高的水平，已经可以实现复杂的功能，而且，由于不断出现的新技术，Web前端开发技术也在不断发展，使得Web前端开发技术变得更加强大，更加灵活。
