Intro to Web Components

This is a basic introduction to Web Components.
You'll learn about many concepts such as Shadow DOM, Custom elements, template, scoped CSS & more

[JadJoubran]

Interested in learning JavaScript and/or React? Checkout my interactive online courses:

[jcruz]

Hey Jad, I recently bought your JavaScript course and I think it's fantastic.

[ducktsmt]

Straightforward and simple for quick learn!

[shajithkunnumbrath]

Very useful tutorial... well explained!! Thanks Jad!!

[billgilmore]

Brilliant content, clear explaination and no waffle. Thanks for sharing this. I welcome more OWC, Lit-Elemts and Lit-HTML content and would happily pay for a deep dive course

[othmanezenzamy]

Thank you. This help me a lot to understand the benifits of components.

[TomarSahabVlogs]

liked it in 1.20-sec good explanation !!!

[PhilipAlexanderHassialis]

Interesting video. How about a longer version with 3-4 components, each with their own template and whatnot... how would you approach that? How would you approach elements that inherit (as javascript classes) from other elements? How would child class components use the template? Can they use the mother class component template? Can each one define their own? Additionally, how about having different components, complete with their template and javascript in different files? What would be the proper way to pull this off?

[kyrregjerstad]

Great video! Would it make sense if you have a page that re-uses several templates to make a separate HTML file for all you templates to keep it organized?

[llihak]

note to internet: there is a plague on YouTube. soooo many otherwise very good and helpful tutorials, like this, are infected with distracting, annoying, and completely unnecessary background "music". oh, the humanity.

[aram]

What are some prerequisite to understand this video?

[rohitrawat]

Hi Mate, i have started your javascript courses and i love itt!! I want the full course of react can you please help me to learn react as i am student and cant have sources to afford the course :(

[kanaillaurent]

Now can you please do the same with Tdd without browser?

[JanithWidarshana]

Thank you. This is very helpful to me.

[andresmontoya]

Oh I didn't know that we can use philosophy of components natively... That's awesome! But looks that is better to use react, angular or Vue, it's a little more easy xD

[rahulsaha]

Good content but please turn off the music

[nadavbensimon]

one million dollar question how do you pass paraneters to web component that are not string and please dont say json because its not a good solution, strigify and parsing a json is slow also functions can not be used with json thanks