【Udemy中英字幕】Learn Practical Web Components Quickly

快速学习实用的 Web 组件

构建可重复使用的 Web 组件以用于任何项目

讲师：Packt Publishing

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

开发可重复使用且轻量级的自定义 HTML 元素，可用于所有未来的项目
构建简单的 Web 组件（例如工具提示）来创建复杂的组件（例如模式和背景）
创建可以接收数据并使用它来展示 UI 元素的动态 Web 组件。
通过编写自定义事件使你的 Web 组件成为独立实体
探索 Shadow DOM 并隔离 Web 组件的 CSS 和 JavaScript
创建 Web 组件时掌握用户定义模板的众多好处
了解 React .js 世界以及它如何简化复杂的 Web 应用程序编码过程
学习将自定义 Web 组件与 React.js 和 Angular 集成

探索相关主题

Web 组件
Web 开发
发展

要求

必须具备基本的 HTML、CSS 和 JavaScript 知识！您至少需要对 ES6 概念（例如 const、let、classes、map、filters 等）有基本的了解。
为了全面了解 Web 组件集成方面，对 Angular、React 和 Vue 等 JavaScript 框架的基本了解将大有裨益。

描述

作为一名开发人员，您是否经常因为编写过多的代码而苦恼？您经常会为不同的页面重写同一段代码，最终浪费了本可以更有效地利用的宝贵时间……

在本课程中，我们将向您介绍 Web 组件的世界，这是一个相当新的概念，它简化了 Web 开发人员的编码工作。Web 组件允许您创建自定义且可重复使用的 HTML 标签，这些标签可在现代 Web 浏览器上运行，并且可以与任何支持 HTML 的 JavaScript 库或 Web 框架一起使用。

完成本课程后，您将可以开发可用于生产的 Web 组件应用程序！您将能够构建可重复使用的自定义组件。此外，您还可以与其他开发人员共享您的自定义组件。

要充分受益于本课程，您至少需要对 ES6 概念（如 const、let、classes、map、filters 等）有基本的了解。对 Angular、React 和 Vue 等 JavaScript 框架有基本的了解将有助于全面了解 Web 组件集成方面。

关于作者

Rushabh Shah是一位经验丰富的 UI 开发人员，在孟买一家令人兴奋的初创公司工作。他是该公司的创始成员之一，也是该公司的高级 UI 开发人员。Rushabh 曾参与过各种跨不同框架和软件架构的项目。他擅长使用可重复使用的组件友好库（如 React）以及传统 Web 开发技术的最新发展来创建 Web 应用程序和用户友好的仪表板。

Rushabh 曾与 Capgemini India Pvt. Ltd. 和 Fractal Analytics 等大公司合作，在为安永、宝洁 (P&G)、高露洁棕榄、利洁时和印度海军等客户开发 Web 应用程序方面拥有丰富的经验，之后他进入了 Cuddle .ai 和后来的 Eugenie .ai（他是其创始成员之一）等公司的产品领域。他还策划了有关 Web 开发的文章和教程。

作为职业生涯中大部分时间的唯一开发人员，他深知需要从万维网这个浩瀚的海洋中获取正确而有效的知识。此外，在职业生涯后期与行业巨头合作后，他知道创建网络工具的最佳实践。