Developing Web Components

SpiralTrain BV

In the course Developing Web Components from SpiralTrain, participants learn to use web platform APIs to create new self-defined Web Components with their own HTML tag, encapsulated styles and their o

Price

from €1,699

Level

Not specified

Kind

Training

Subject

Automation and IT, Training and education

More information and registration at SpiralTrain BV

Description

Introduction to Web Components The course Developing Web Components starts with an overview of Web Components and the benefits they offer in terms of encapsulation, reusability and interoperability. Participants will gain a foundational understanding of the key concepts and technologies that underpin Web Components, like Custom Elements, the Shadow DOM and HTML Templates. Custom Elements Next attention is paid how Custom Elements can be defined and used. Topics include Custom Element lifecycle, properties, attributes, and events, as well as best practices for creating and extending Custom Elements. ES Modules Also ES Modules are covered which enable modular code organization and dependency management in JavaScript development. Subjects are how to create, import, and export ES Modules, and how to structure projects using this powerful module system. Shadow DOM The Shadow DOM is discussed as well and it is explained how to encapsulate styling and markup within Web Components, ensuring isolation and preventing style leakage. Attention is paid to creating Shadow Roots, styling Shadow DOM content and using slots for content projection.