Web components as a concept is a set of standards that lets you create custom, reusable elements with encapsulation across web apps. It's built using a couple of technologies, one of which is the custom elements API. This video focuses takes a look at how you can create and register custom elements with the help of this API.

This video is part of a series where we look at Web components in detail.
Link to the playlist: [ Ссылка ]_

Web components - [ Ссылка ]

⌚Timestamps
0:00 - Intro
1:05 - Web components and their types
2:38 - Project setup
3:07 - Creating and registering a custom element
6:23 - Adding attributes to the progress bar
6:54 - Component’s HTML structure and styles
10:05 - Lifecycle methods
18:50 - Outro

🧑‍💻Other playlists:

The Git series(2023) - [ Ссылка ]

Multitasking in NodeJS - [ Ссылка ]

NodeJS Authentication with Passport - [ Ссылка ]

Job scheduling in NodeJS - [ Ссылка ]

NPM Tutorial Series - [ Ссылка ]

Javascript(Behind the scenes) - [ Ссылка ]

Socials
🐤 Twitter - [ Ссылка ]
📷 Instagram - [ Ссылка ]
👔 LinkedIn - [ Ссылка ]
🧑‍💻 GitHub - [ Ссылка ]
📝 Medium - [ Ссылка ]

#dom #shadowdom #customelements #webcomponents #htmltemplate

свернуть