《Web 标准与前端开发》课堂笔记 | 青训营

70 阅读4分钟

第六节课《Web 标准与前端开发》,本节课分为两小节,分别为Web开发基本情况介绍和Web开发标准,课程链接如下:

  1. Web 开发基本情况介绍 - 掘金
  2. Web 开发标准 - 掘金

Web 开发基本情况介绍

(1)起源,架构,变迁

  • 起源

Web标准的起源可以追溯到万维网的发展初期。在互联网的早期,存在着许多不同的浏览器和标记语言。这导致了网页内容的不一致性和无法交互的局面。为了解决这个问题,万维网联盟(W3C)成立于1994年,致力于制定统一的Web标准。W3C的成立标志着Web标准的开始,它由互联网先驱如Tim Berners-Lee等人领导,旨在为Web开发者提供一致的规范和技术指南。

  • 架构

Web标准的架构由多个技术规范组成,其中最为重要的包括:

  1. HTML(超文本标记语言) :HTML是一种用于创建网页结构的标记语言。它定义了网页中的元素、属性和内容的结构。HTML规范的不断演进使得网页能够更好地表达语义、结构和含义。
  2. CSS(层叠样式表) :CSS用于描述网页的样式和布局。它通过选择器和样式规则来控制文档的外观和呈现。CSS规范的不断发展使得开发者可以更加精确地控制网页的样式,实现丰富的视觉效果。
  3. JavaScript:JavaScript是一种脚本语言,用于为网页添加交互和动态功能。它可以与HTML和CSS交互,并使得网页能够根据用户的操作做出响应。JavaScript的发展推动了Web应用程序的复杂性和交互性的提升。
  • 变迁

随着互联网的不断发展,Web标准也在不断演进和变迁。以下是一些重要的变迁:

  1. HTML5的出现:HTML5作为HTML的最新版本,引入了许多新的特性和API,如语义化元素、音视频支持、Canvas绘图等。它使得开发者能够更加灵活地构建丰富的Web应用程序。
  2. CSS3的进步:CSS3带来了许多新的选择器、样式属性和动画效果,使得开发者能够更加精细地控制网页的样式和布局。CSS3的发展也推动了响应式设计和移动优先的发展趋势。
  3. 前端框架和工具的兴起:随着Web应用程序的复杂性增加,前端框架和工具变得越来越重要。React、Vue.js、Angular等前端框架的出现使得开发者能够更高效地构建复杂的用户界面和应用逻辑。
  4. 移动互联网和响应式设计:随着智能手机和移动设备的普及,移动互联网和响应式设计成为了重要的发展趋势。开发者需要关注不同设备和屏幕尺寸上的用户体验,并采用适应性布局和设计来适应不同的平台。

总的来说,Web标准的变迁反映了互联网技术的快速发展和不断变化的需求。开发者需要不断学习和适应新的标准和技术,以保持在前端开发领域的竞争力。同时,遵循Web标准也能够确保网站的跨浏览器兼容性、可访问性和可维护性,提升用户体验并简化开发流程。

(2)前端的应用领域

前端的应用大致可以分为以下三个方面:

  • TO business
  • To customer
  • To developer

(3)开发中常用的语言框架及工具

在前端开发中,有许多语言框架和工具可用于提高开发效率和构建高质量的应用程序。以下是一些常见的语言框架和工具:

JavaScript框架

  • React
  • Vue.js
  • Angular

CSS框架

  • Bootstrap
  • Tailwind CSS
  • Material-UI

工具

  • Webpack
  • Parcel
  • npm
  • Yarn

当然,这仅仅只是一小部分前端开发中可用的语言框架和工具。随着技术的发展,新的框架和工具不断涌现,开发者可以根据项目需求选择合适的工具来提高效率和质量。

(4) 前端学习路线推荐

学习基础知识(HTML,CSS,JavaScript)

掌握前端框架(React,Vue.js,Angular)

深入学习Web开发技术(HTTP和RESTful API,前端工具,响应式设计,性能优化等)

深入学习其他前端技术(CSS预处理器,前端测试,模块化开发和前端安全等)

实践和项目经验(独自完成一下个人项目,参与开源项目或者实习工作)

关于Web 标准

1)标准组织

  • W3C
  • Ecma
  • EHATWG
  • IETF

(2)W3C及Ecma会员

W3C目前在全球有457家会员,其中北航总部(中国区)会员47家。

Ecma的AM(Associate Member)会员目前有18家,中国公司有字节跳动、360、阿里、华为、腾讯等5家。

图片10.png

(3)W3C规范制定流程

图片11.png