Web Components Crash Course

Share this & earn $10
Traversy Media
Published at : 10 Nov 2021
156506 views
5926
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

Some research ideas for 2021

Some research ideas for 2021

THE 7 HABITS OF HIGHLY EFFECTIVE PEOPLE BY STEPHEN COVEY - ANIMATED BOOK SUMMARY

THE 7 HABITS OF HIGHLY EFFECTIVE PEOPLE BY STEPHEN COVEY - ANIMATED BOOK SUMMARY

MŌRIAH - Worth feat. Joel Smallbone (LIVE from the Quarry)

MŌRIAH - Worth feat. Joel Smallbone (LIVE from the Quarry)

Monoir & Eneli - 3 to 1 (Official Video)

Monoir & Eneli - 3 to 1 (Official Video)

WHEN YOU WANT TO GIVE UP - Powerful Motivational Speech

WHEN YOU WANT TO GIVE UP - Powerful Motivational Speech

A caterpillar came visiting....

A caterpillar came visiting....

Beginner Levels - Lesson 1: Nice To Meet You!

Beginner Levels - Lesson 1: Nice To Meet You!

Fitz and the Tantrums - Out of My League (Audio)

Fitz and the Tantrums - Out of My League (Audio)

Julius Jones Needs Our Help

Julius Jones Needs Our Help

WHY Is Robben Ford So Highly Regarded?  I Found Out.

WHY Is Robben Ford So Highly Regarded? I Found Out.

Pastor Torah Grace - "HAVE YOU CONSIDERED THE TRADE OFF?"

Pastor Torah Grace - "HAVE YOU CONSIDERED THE TRADE OFF?"

HOW TO COMPLETELY GET RID OF BODY & ARMPIT ODOR QUICKLY | EVERYDAY HYGIENE ROUTINE PT. 2| LiVing Ash

HOW TO COMPLETELY GET RID OF BODY & ARMPIT ODOR QUICKLY | EVERYDAY HYGIENE ROUTINE PT. 2| LiVing Ash

Davido - Assurance (Official Video)

Davido - Assurance (Official Video)

The Annoying Techies - DotA 2 Funny Moments

The Annoying Techies - DotA 2 Funny Moments

Most Beautiful Dresses in the world #3 Evening Elegant dresses! Princess dresses! Wedding dresses

Most Beautiful Dresses in the world #3 Evening Elegant dresses! Princess dresses! Wedding dresses

CHIKA - U Should [Official Visualizer]

CHIKA - U Should [Official Visualizer]

'I've had to move toward requirements that everyone get vaccinated' - President Biden

'I've had to move toward requirements that everyone get vaccinated' - President Biden

Training Exact Online 15 april 2021 | KroeseWevers

Training Exact Online 15 april 2021 | KroeseWevers

LOGO QUIZ CHALLENGE 3 || WHICH LOGO IS CORRECT || TikTok || ONLY FOR GENIUS

LOGO QUIZ CHALLENGE 3 || WHICH LOGO IS CORRECT || TikTok || ONLY FOR GENIUS

Enterprise Battle With Harrad-Sar Part 1

Enterprise Battle With Harrad-Sar Part 1

Cowboys Are Frequently Secretly Fond Of Each Other

Cowboys Are Frequently Secretly Fond Of Each Other

7 Habits of Highly Effective People - Habit 1 - Presented by Stephen Covey Himself

7 Habits of Highly Effective People - Habit 1 - Presented by Stephen Covey Himself

Pixlr Genesis 🏛️ The World's Most Eminent Art-based Metaverse 🏛️

Pixlr Genesis 🏛️ The World's Most Eminent Art-based Metaverse 🏛️

As the Need Arises (1970)

As the Need Arises (1970)

Miley Cyrus - We Can't Stop (Official Video)

Miley Cyrus - We Can't Stop (Official Video)

Primitive Technology: Build Pig Trap and Roasted Big Pig Eating Delicious

Primitive Technology: Build Pig Trap and Roasted Big Pig Eating Delicious

Area of a Rectangle, Triangle, Circle & Sector, Trapezoid, Square, Parallelogram, Rhombus, Geometry

Area of a Rectangle, Triangle, Circle & Sector, Trapezoid, Square, Parallelogram, Rhombus, Geometry

I Could

I Could

Everything You Need To Know About the Chinese Evergrande Crisis (So Far) - How Money Works

Everything You Need To Know About the Chinese Evergrande Crisis (So Far) - How Money Works

B3NY - Main (Official Video)

B3NY - Main (Official Video)

GOING TO MIDDLESBROUGH FOR A PARMO

GOING TO MIDDLESBROUGH FOR A PARMO

MAIYARAP - ป า ก ดี . . .

MAIYARAP - ป า ก ดี . . .

GLOBAL MIME JR RELEASE! *DIAMOND & PEARL* EVENT! RIOLU, SINNOH POKÉMON + MORE!  | Pokémon GO

GLOBAL MIME JR RELEASE! *DIAMOND & PEARL* EVENT! RIOLU, SINNOH POKÉMON + MORE! | Pokémon GO

24 COOL DECORATIVE IDEAS YOU CAN DIY

24 COOL DECORATIVE IDEAS YOU CAN DIY

What Are Independent, Dependent And Controlled Variables?

What Are Independent, Dependent And Controlled Variables?

LIFE BEFORE EVERYTHING ❤️ | ZEINAB HARAKE

LIFE BEFORE EVERYTHING ❤️ | ZEINAB HARAKE

Guru & Erykah Badu ~ Plenty

Guru & Erykah Badu ~ Plenty

Sir David Amess: 'An enormous tragedy, a tragedy for the nation' says Shailesh Vara

Sir David Amess: 'An enormous tragedy, a tragedy for the nation' says Shailesh Vara

ASPECT and TENSE

ASPECT and TENSE

Caribou Found Out

Caribou Found Out

8-Ball & MJG - Don't Make [Living Legends]

8-Ball & MJG - Don't Make [Living Legends]

Use of Several And Many With Examples.

Use of Several And Many With Examples.

Змеи Убийцы / Их Яд Убивает за Считанные Минуты!

Змеи Убийцы / Их Яд Убивает за Считанные Минуты!

🍎🍂 FALL NEW ENGLAND GETAWAY | Cozy Things To See & Do In The Berkshires, Massachusetts

🍎🍂 FALL NEW ENGLAND GETAWAY | Cozy Things To See & Do In The Berkshires, Massachusetts

Sleepy Hallow - Equal (Lyric Video)

Sleepy Hallow - Equal (Lyric Video)

Regi - Should Have Been There (Official Audio)

Regi - Should Have Been There (Official Audio)

Brandy-Truthfully

Brandy-Truthfully

Jessie Reyez - Figures (Official Video)

Jessie Reyez - Figures (Official Video)

Transforming Education, Skills and Lifelong Learning

Transforming Education, Skills and Lifelong Learning