This is the first video tutorial i started and ended in just one session since i start studying programming one year and a half ago, very well explained and straight forward to the point!!! I hope to get the job of my dreams after i learnt how to build a web component
Thanks for this. I am just started learning Web Components and the first videos I've watched was declaring a new Template element then cloning it before appending it to the shadow DOM. I am now curious which approach is better - this defining the template with arrow scoped function or the template element?
Great video! So nicely explained. Just asking here. Let's say I wanted to use this in a project. It will be very cumbersome to write the html, and also debug, without proper code completion (intellisense). Is there a way around this at the moment? Any suggestions are welcome.
how can be used html templates with web components?, every example showed in youtube have the template created in js (strings, or backticks same thing), or in the index.html which is non optimal, how can be used for example a template part in its own folder with just html in it for the template and be called in the js component and be called and printed in the index.html page? i was using fetch but live code throw a error about inserting body or head tag to proper working, this is the only option?
Going to be watching all the vids in this playlist
This is the first video tutorial i started and ended in just one session since i start studying programming one year and a half ago, very well explained and straight forward to the point!!! I hope to get the job of my dreams after i learnt how to build a web component
Good luck my friend 🤞
WOW... BRAVO!!! This was very educational and your explanation SUPERB...👏👏👏🙏🙏🙏🙏🙏👌👌👌👌👌🖖🖖🖖🖖🖖
Thanks for this. I am just started learning Web Components and the first videos I've watched was declaring a new Template element then cloning it before appending it to the shadow DOM. I am now curious which approach is better - this defining the template with arrow scoped function or the template element?
Great video! So nicely explained.
Just asking here. Let's say I wanted to use this in a project. It will be very cumbersome to write the html, and also debug, without proper code completion (intellisense). Is there a way around this at the moment? Any suggestions are welcome.
this is very good tutorial, and dive deep too..
Thank you for this
nice tutorial Thank you.
can you define a js to handle component operations inside a template also and render it ?
thank you
What is the use of frameworks if we have this feature?
Question. Why is the listener bound in the render method? Is that the only place we have access to the shadow dom elements?
Nice video by the way. I really enjoyed it.
That last part on how to reference the attributes in the index js file is gold.
Wow mozzila didn't put it this way, I was so confuse. I PREFER THIS ❤❤❤
can you make more web components tutorial
Error on index.js: import is from ../components/Counter.js not ./components/Counter.js
Why are you defining your Components in index.js instead of at the bottom of your component js file?
I got no IntelliSense : (
and why are you using strings as templates... you should be using html templates with web components...
how can be used html templates with web components?, every example showed in youtube have the template created in js (strings, or backticks same thing), or in the index.html which is non optimal, how can be used for example a template part in its own folder with just html in it for the template and be called in the js component and be called and printed in the index.html page? i was using fetch but live code throw a error about inserting body or head tag to proper working, this is the only option?