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

Подписаться 133 тыс.

Просмотров 4,7 тыс.

50% 1

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

Опубликовано:

28 ноя 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 16

@kerrykreiter445 7 месяцев назад

Going to be watching all the vids in this playlist

@suelingsusu1339 7 месяцев назад

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

@KelvinWKiger 2 месяца назад

thank you

@richardalvarado1877 7 месяцев назад

Thank you for this

@johnlabuci96 7 месяцев назад

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

@BryanGranseDevs 7 месяцев назад

nice tutorial Thank you.

@shinchikichin 14 дней назад

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.

@switchlyrics. 5 месяцев назад

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

@noswag5773 4 месяца назад

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

@rayyanabdulwajid7681 7 месяцев назад

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

@innerstateofflow7777 7 месяцев назад

can you make more web components tutorial

@Bengadeer 7 месяцев назад

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

@EpicGamer-ny1fu 3 месяца назад

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

@KelvinWKiger 2 месяца назад

I got no IntelliSense : (

@EpicGamer-ny1fu 3 месяца назад

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

@philipk9130 2 месяца назад

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?