How to Build a Counter Component with Web Components - JavaScript Tutorial

View the Source Code:
dcode.domenade.com/tutorials/...
In this video, learn how to build a basic counter component with JavaScript Web Components.
If you're new to web components, this is a perfect beginners tutorial to start building your own custom elements and components.
🏫 My Udemy Courses - www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - marketplace.visualstudio.com/...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #javascript #webdevelopment

[@kerrykreiter445]

Going to be watching all the vids in this playlist

[@suelingsusu1339]

WOW... BRAVO!!! This was very educational and your explanation SUPERB...👏👏👏🙏🙏🙏🙏🙏👌👌👌👌👌🖖🖖🖖🖖🖖

[@KelvinWKiger]

thank you

[@johnlabuci96]

this is very good tutorial, and dive deep too..

[@shinchikichin]

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.

[@noswag5773]

Wow mozzila didn't put it this way, I was so confuse. I PREFER THIS ❤❤❤

[@BryanGranseDevs]

nice tutorial Thank you.

[@richardalvarado1877]

Thank you for this

[@switchlyrics.]

can you define a js to handle component operations inside a template also and render it ?

[@rayyanabdulwajid7681]

What is the use of frameworks if we have this feature?

[@Bengadeer]

Error on index.js: import is from ../components/Counter.js not ./components/Counter.js

[@innerstateofflow7777]

can you make more web components tutorial

[@EpicGamer-ny1fu]

Why are you defining your Components in index.js instead of at the bottom of your component js file?

[@KelvinWKiger]

I got no IntelliSense : (

[@EpicGamer-ny1fu]

and why are you using strings as templates... you should be using html templates with web components...

[@philipk9130]

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?