Web Components Crash Course

Share this & earn $10
Traversy Media
Published at : 31 Oct 2021
154843 views
5867
55

This is an introductory crash course on web components including custom elements, shadow DOM and HTML templates.

Code:
https://codepen.io/bradtraversy/pen/wvaXKoK

💖 Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia

Website & Udemy Course Links:
https://www.traversymedia.com

Follow Traversy Media:
https://www.twitter.com/traversymedia
https://www.instagram.com/traversymedia
https://www.facebook.com/traversymedia

web componentscustom elementshtml elements

A Complicated Song (Parody of "Complicated" by Avril Lavigne)

A Complicated Song (Parody of "Complicated" by Avril Lavigne)

Rittenhouse judge receives death threats ahead of verdict

Rittenhouse judge receives death threats ahead of verdict

Grandpa, Is baby Wolfoo or Lucy Easier to Take Care of? - Kids Stories About Baby | Wolfoo Channel

Grandpa, Is baby Wolfoo or Lucy Easier to Take Care of? - Kids Stories About Baby | Wolfoo Channel

23: How to Include Documents in PHP | PHP Tutorial | Learn PHP Programming | PHP for Beginners

23: How to Include Documents in PHP | PHP Tutorial | Learn PHP Programming | PHP for Beginners

Blxst, Bino Rideaux - Accountable (Audio)

Blxst, Bino Rideaux - Accountable (Audio)

Red Hot Chili Peppers - Dark Necessities [OFFICIAL AUDIO]

Red Hot Chili Peppers - Dark Necessities [OFFICIAL AUDIO]

Micah P. Hinson - The Possibilities [OFFICIAL AUDIO]

Micah P. Hinson - The Possibilities [OFFICIAL AUDIO]

Jangalov Hats: A Traditional Armenia Loaf (A Minimum of 12 herbs Wrapped in Thin Bread). Must Try!

Jangalov Hats: A Traditional Armenia Loaf (A Minimum of 12 herbs Wrapped in Thin Bread). Must Try!

THE ORIGINAL MUSIC OF SLOW ROCK II CLASSIC 70'S 80'S SELECTION

THE ORIGINAL MUSIC OF SLOW ROCK II CLASSIC 70'S 80'S SELECTION

Essai VW Golf GTI Clubsport 45 – Vraiment mieux que la Golf 8R ?!

Essai VW Golf GTI Clubsport 45 – Vraiment mieux que la Golf 8R ?!

Bill Withers - Lovely Day (Official Audio)

Bill Withers - Lovely Day (Official Audio)

The Vatican Is Hopeful for Warmer Relations With China

The Vatican Is Hopeful for Warmer Relations With China

Honored, Glorified, Exalted with Lyrics

Honored, Glorified, Exalted with Lyrics

Billie Eilish - Getting Older (Official Lyric Video)

Billie Eilish - Getting Older (Official Lyric Video)

Sensible vs Sensitive - English In A Minute

Sensible vs Sensitive - English In A Minute

The Tender Bar | Official Trailer | Prime Video

The Tender Bar | Official Trailer | Prime Video

Photos Where You Will Definitely Recognize Yourself

Photos Where You Will Definitely Recognize Yourself

Smart Steps in Risk Management - The Risk Strategies that Pay Off Most Often

Smart Steps in Risk Management - The Risk Strategies that Pay Off Most Often

English Vocabulary - EVEN: even though, even if, even when...

English Vocabulary - EVEN: even though, even if, even when...

John Frusciante - Become [Bonus Track]

John Frusciante - Become [Bonus Track]

I Dropped a 95 lb Dumbbell on My Toe!! (HERE'S WHAT HAPPENED)

I Dropped a 95 lb Dumbbell on My Toe!! (HERE'S WHAT HAPPENED)

Mystro Ft Wizkid - Immediately (Official Video)

Mystro Ft Wizkid - Immediately (Official Video)

Pancreatic-portal vein fistula: a rare diagnosis with wide-ranging complications.  Case series and

Pancreatic-portal vein fistula: a rare diagnosis with wide-ranging complications. Case series and

Luke Bryan - Play It Again (Official Music Video)

Luke Bryan - Play It Again (Official Music Video)

eill | SPOTLIGHT (Official Music Video)

eill | SPOTLIGHT (Official Music Video)

BITCOIN CASH AIRDROP- 0.001 BCH (TrustWallet Metamask- Get with a minimum of BSC /Min. BSC ile Al)

BITCOIN CASH AIRDROP- 0.001 BCH (TrustWallet Metamask- Get with a minimum of BSC /Min. BSC ile Al)

I Hired an ARMY to Hunt my Brother!

I Hired an ARMY to Hunt my Brother!

Mat Kearney - Sooner Or Later (lyrics)

Mat Kearney - Sooner Or Later (lyrics)

Newbies (Minecraft Machinima)

Newbies (Minecraft Machinima)

Cultivating Unconditional Self-Worth | Adia Gooden | TEDxDePaulUniversity

Cultivating Unconditional Self-Worth | Adia Gooden | TEDxDePaulUniversity

How To: Save As (creating a duplicate design)

How To: Save As (creating a duplicate design)

XXL Rocket Instead of The Engine in a Motorbike

XXL Rocket Instead of The Engine in a Motorbike

Finding Local Maximum and Minimum Values of a Function - Relative Extrema

Finding Local Maximum and Minimum Values of a Function - Relative Extrema

FROM POOR TO RICH IN MAD CITY! (Roblox Mad City Roleplay)

FROM POOR TO RICH IN MAD CITY! (Roblox Mad City Roleplay)

The Last Shadow Puppets - The Age Of The Understatement

The Last Shadow Puppets - The Age Of The Understatement

8 Things That You Should Always Keep Secret

8 Things That You Should Always Keep Secret

Warzone Tournament BANNED the Swiss because of this...

Warzone Tournament BANNED the Swiss because of this...

Dennis Lloyd - Bottom Line (Official Audio)

Dennis Lloyd - Bottom Line (Official Audio)

What are you going to do? Simple Future Tense - Will/ Be Going To/ Be+ing

What are you going to do? Simple Future Tense - Will/ Be Going To/ Be+ing

The Effervescent Ballroom

The Effervescent Ballroom

How Dark Souls Perfected Difficulty in Video Games

How Dark Souls Perfected Difficulty in Video Games

Pranay Gadi PranaGadha result ..? || Warangal Vandhana || The Mix By Wirally || Tamada Media

Pranay Gadi PranaGadha result ..? || Warangal Vandhana || The Mix By Wirally || Tamada Media

Sensational FINAL TABLE World Poker Tour 5 Diamons.High class Poker.

Sensational FINAL TABLE World Poker Tour 5 Diamons.High class Poker.

SIDEMEN SILENT LIBRARY

SIDEMEN SILENT LIBRARY

My School Day - Classroom Language and Conversation

My School Day - Classroom Language and Conversation

Dr. Rand Paul Questions Dr. Fauci on Gain of Function Research - November 4, 2021

Dr. Rand Paul Questions Dr. Fauci on Gain of Function Research - November 4, 2021

Best Moment Of Top Animal War 2020 - Discover Wild Animals

Best Moment Of Top Animal War 2020 - Discover Wild Animals

Stanley Clarke - We Supply

Stanley Clarke - We Supply

Writing - Transitions - THEREFORE, THUS, CONSEQUENTLY

Writing - Transitions - THEREFORE, THUS, CONSEQUENTLY