这是我参与「第四届青训营 」笔记创作活动的的第1天。在今天的课程中,主要向我们介绍了有关于前端开发的发展历史,以及如今我们前端开发的Web标准的说明与信息分享。
1.Web前端的起源
对于像我一样从零开始入门前端开发的小伙伴来说,了解前端开发的历史,是我们更深一步加强对前端的学习的有效方法,也是培养对Web前端开发兴趣的可靠方式。
“Suppose all the information stored on computers everywhere were linked. Suppose l could
program my computer to create a space in which everything could be linked to everything.”
——Tim Berners-Lee, inventor of the World Wide Web
这是1990年时,万维网之父伯纳斯李所说的一番话,包含了他对于互联网未来的美好畅想。
1989年,Web诞生,此时的它还只由三种技术构成。
- HTML
- HTTP
- URL
数年后,CSS与JS才出现。
我们将Web技术的发展与变迁分为了三个时代,包括只读时代、体验时代与敏捷时代。
1.1只读时代(1989-2004)
在html/css/javascript等技术的加持下,此时的Web客户端,还只是一个静态的页面,要想刷新页面,必须要通过发送网络请求,此时的网页尚有较多的限制,而缺乏实用性。
1.2体验时代(2005-2010)
体验时代出现了诸如Ajax/Web API/Query的新技术,与此同时,客户端实现了动态交互,网页的应用得到扩展,谷歌地图便使用了这种后台通过js直接与服务器互动的技术。
1.3敏捷时代(2010-现在)
出现了Fetch/Node.js/Webpack等技术,当今时代下,前端的开发变得越来越模块化,组件化,也出现了许多诸如react,Vue等知名框架,用户的体验感持续上升。
2.关于前端开发的知识:
2.1应用领域
- To Business 面向企业,是为企业提供各种服务的平台
- To Customer 面向客户 起到传递信息的作用
- To Developer 面向开发者 与web开发有关的实用工具
2.2浏览器、服务器、终端与跨端
前端开发的常用浏览器有:
- chrome
- edge
- firefox
- safari
- 移动端:Android与ios
服务器:
- node.js
- Express.js
- koa
终端和跨端:
命令行/终端
- Webpack CLI
- Babel CLI
- Vue CLI
- React CLI
桌面跨端
- Electron
- NW.js
移动跨端
- React Native
- Flutter
2.3语言、框架和工具
毫无疑问,在我们现在的web开发中,最常用的语言便是html,css和JavaScript,它们三者分别负责网页中的基本结构,样式和渲染,以及功能实现与交互。除了”三大件“之外,还有一门新兴的语言:WebAssembly。
在课程中,讲师还为我们介绍了前端开发的学习路线图,这对于我们日后的深入学习,加强自我能力有着很大的帮助。
2.关于Web标准
我们为什么需要web标准?
在实际的web开发中,我们开发者对网页的开发与维护通常都需要多人协作进行,于此同时,各种各样不同的浏览器对我们的代码解析出来的效果也有可能不一致。通过制定统一的web标准,我们可以实现内容的统一,大大提高我们的开发效率。
- 让Web的发展前景更广阔
- 内容能被更广泛的设备访问
- 更容易被搜寻引擎搜索
- 降低网站流量费用
- 使网站更易于维护
- 提高页面浏览速度
Web标准主要是由四大标准组织:W3C、Ecma、WHATWG和IETF制定, 我们可以从相应的官网查询到对应的代码编程规范。
- W3C的规范查询地址:All Standards and Drafts - W3C
- TC39规范查询:TC39 – Specifying JavaScript.
- WHATWG规范查询:Standards — WHATWG
- IETF规范查询:IETF | Internet Engineering Task Force
Web标准的制定过程
W3C、Ecma TC39都有其相应的具体规范制定流程,感兴趣的小伙伴可以自行了解。
W3C会议 W3C Technical Plenary / Advisory Committee Meetings Week(简称TPAC)是W3C一年一度的全球技术大会,汇集 W3C各工作小组成员(工作组、兴趣组、社区组等)、咨询委员会 (AB)、技术架构组(TAG)、会员单位代表(AC)、公众特邀专家以及全球社区成员,通过为期1-2周的集中互动交流,深入探讨未来开放Web平台技术方向。 W3C会议包括年度大会,工作组会议,即每月会议与各种研讨会。
Ecma会议
包括年度大会,与每1-2个月进行的TC39会议。
3.课程心得与体会
在本次Web标准与前端开发的介绍过程中,我学习到了许多在我的学校课堂上和平时的学习生活中很少会接触到的有关于前端开发的知识,包括了前端开发的发展历史与整体骨架,开发标准等。要想成为一名优秀的前端工程师,除了写好代码之外,了解这些代码之外的知识也非常重要。与此同时,我对于整个前端开发学习的路线也有了新的认识,其实它包含的内容比我们所想象的要大的多。在未来的学习与生活中,我仍需要活用到这节课中所学习到的知识,使我在以后的学习中能够更进一步。