How to Create a Styled Table with Web Components - JavaScript Tutorial

In today's video, we'll be creating a styled HTML table but make it reusable in the form of a web component. You can then use JavaScript to easily update the table data as you require.
🏫 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

Пікірлер: 24

  • @cliftonbartholomew-buck4159
    @cliftonbartholomew-buck41598 күн бұрын

    This baffled me for a long time.... you explained it so simply and logically. Thank you for making this content.

  • @TheSpr0gz
    @TheSpr0gz6 ай бұрын

    Great content as always; short, sharp and informative. I like how you don't dwell too long on details that are simply adjacent to the main point (like you didn't dwell on the CSS here, which wasn't the point of the video).

  • @douglascounts4634
    @douglascounts46346 ай бұрын

    Wow, you have been on a roll lately with some great informative work!

  • @kerrykreiter445
    @kerrykreiter4456 ай бұрын

    Wow, mind blown! Great content Dom! I seem to be saying that a lot. Who needs a front-end framework? It’s really amazing what can be done using web components and a little imagination. Thank you for the inspiration!!

  • @dcode-software

    @dcode-software

    6 ай бұрын

    Awesome. Thank you. Yeah absolutely if you use web components effectively then you sure can get a lot done.

  • @rayyanabdulwajid7681

    @rayyanabdulwajid7681

    6 ай бұрын

    But we do need framework for routing and state management, right?

  • @lewiswill3663
    @lewiswill36636 ай бұрын

    Hi Dom, this video very helpful. Thank you!

  • @JeanBotan
    @JeanBotan6 ай бұрын

    It is good video! Thank you! It would be very interesting to know how to output data depending on the selected columns and their order in the "data-headers" attribute.

  • @nanakojoatta-benyah7794
    @nanakojoatta-benyah77946 ай бұрын

    Your videos are soo awesome. Why don't you try combining everything you've thought us into one big project. That would be nice

  • @dcode-software

    @dcode-software

    6 ай бұрын

    👀

  • @softwarelivre2389
    @softwarelivre23896 ай бұрын

    Hey Dom! Can you show how to stream data on "infinite scroll" for big tables? Thanks!

  • @dcode-software

    @dcode-software

    6 ай бұрын

    Good idea. I can do that

  • @johnlabuci96
    @johnlabuci966 ай бұрын

    hello dom.. if i want to make the component center, i need to apply margin to the :host?

  • @dcode-software

    @dcode-software

    6 ай бұрын

    Hey, if you want to position a component in the center of something, I recommend using the container of that component to center it. For example, you can use a flex box on the parent to center the child elements (your component). I've got a video on centering things if you're interested: kzread.info/dash/bejne/ZGtptc1_ituzYJc.html

  • @blokche_dev
    @blokche_dev6 ай бұрын

    Web components are great for progressive enhancement. If javascript doesn't load, you still have basic html. They're not so easy to render on the server for now unfortunately.

  • @sanketgawande3667
    @sanketgawande36676 ай бұрын

    Hey man, content is great 🎉 I'm following you since long time, more than 1 and half years. This channel is absolutely great for beginners learning web development, some complex topics in kinda vanilla things I'm wondering why you didn't still posted anything on React or NextJs, there are so many things going around Javascript ecosystems?

  • @dcode-software

    @dcode-software

    6 ай бұрын

    Awesome thanks for following for so long! I've got some React content lined up for 2024. This channel has been focused on vanilla JavaScript for so long so it'll be a bit of a change up but I'm hoping to reach more people with it!

  • @rayyanabdulwajid7681
    @rayyanabdulwajid76816 ай бұрын

    Will this native component feature replace react?

  • @dcode-software

    @dcode-software

    6 ай бұрын

    I wouldn't say so, no. But who knows what the future holds

  • @riigel
    @riigel6 ай бұрын

    you interested with svelte/sveltekit?

  • @dcode-software

    @dcode-software

    6 ай бұрын

    Hey. Yeah a little bit - I've got a series on Svelte.

  • @riigel

    @riigel

    6 ай бұрын

    @@dcode-software waiting for your svelte content!!

  • @dcode-software

    @dcode-software

    6 ай бұрын

    You can find it on my channel 🙂

  • @notyoursurya
    @notyoursurya6 ай бұрын

    More of these web components videos, please 🥹🍻 Good alternative of her good mornings🥲