• views: 136
• date: 18 September 2024
• posted by: voska89

What you'll learn
Web Components API
Create your own custom elements, use them in html like the built in elements
Use templates to create the structure of your elements
Use shadow dom to encapsulate your element
Use slot for composing your custom elements with different elements
Create custom events
Requirements
Familiarity with basic dom manipulation with jаvascript
Description
Web applications are evolving and frameworks like react, vue, angular, svelte and others, are bringing functionalities like reusable components to make it easier to create huge applications. With
web components
we can create our custom html elements, just like we do in the other popular web frameworks. But the difference is, web components api is web standard, which means it's coming with the modern browsers. So without requiring additional build process or any other tooling, we can run our code as it is in the browser. All we need is just vanilla jаvascript knowledge.
Web components has three main APIs.
Custom Elements
,
Shadow DOM
and
HTML Templates
. And in this course we will learn and practice all.
We will learn how we can built custom elements, how we can extend built-in elements. Also we will practice the "template" to make the rendering of our custom element more efficiently.
We are going to practice the Shadow Dom to see it's role in web components. We will see how we can compose our custom element with the markup provided externally. And also we will see our styling options of our elements.
And finally, we will practice, how the events are changed in shadow dom. We will see the issues and we will introduce our solutions.
If you want to build re usable web components without relying onto a third party library, if you want to build applications based on the web standards, then web components is the answer.
Who this course is for
Developers who wants to build web clients with web standards.
Developers who wants to build applications without needing 3rd party library and framework.
Homepage

https://www.udemy.com/course/fundamentals-of-web-components

   
   
   

Forex Trading

Crypto Trading. 20 USD Bonus after KYC

We need your support!
Make a donation to help us stay online
        
Bitcoin (BTC)
bc1q08g9d22cxkawsjlf8etuek2pc9n2a3hs4cdrld
	
Bitcoin Cash (BCH)
qqvwexzhvgauxq2apgc4j0ewvcak6hh6lsnzmvtkem

Ethereum (ETH)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

Litecoin (LTC)
ltc1qt6g2trfv9tjs4qj68sqc4uf0ukvc9jpnsyt59u

USDT (ERC20)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

USDT (TRC20)
TYdPNrz7v1P9riWBWZ317oBgJueheGjATm

0 1 2 3 4 5

| Print version |

	Information
		Users of GUESTS are not allowed to comment this publication.