How to Build a Search Bar with Web Components - JavaScript Tutorial
HTML-код
- Опубликовано: 10 сен 2024
- In this video, learn how easy it is to build a stylish search bar component using JavaScript Web Components. This is also great if you want to learn how to build custom elements.
Ionicons
ionic.io/ionicons
🏫 My Udemy Courses - www.udemy.com/...
🎨 Download my VS Code theme - marketplace.vi...
💜 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
*If you prefer to create a search bar without web components* 👇
ruclips.net/video/f6ocDCkCmhM/видео.html
Great explanation! You are one of a few that creates high quality vanilla.js tutorials. Your channel should have hit the million subs years ago.
Keep up the great work!
Appreciate it. Thanks mate!
u reading my mind dom.. really need this at the moment
I recently learned there is a new semantic element now too.
Wait, you can create components in vanilla js and import them into your html? 🤨 damn... I really do not know a lot
They've been out 10 years bro, there used to be a thing called HTML imports until it got deprecated because everybody got on the React bandwagon... It was the same as having a element on your page except it was an import from another HTML file than you would link.import and then run a querySelector() on it (like template or docFrag) select an element cloneNode and inject into the DOM...
I am not very familiar with modules but working with modules and components in vanilla JavaScript has one significant advantage, meaning I don't need to learn all those fancy frameworks like React, Vue, etc. It seems to provide sufficient functionality on its own.
Yeah, though it certainly does depend. For smaller projects, yes, but for larger projects it may be more beneficial to go for something like React
@@dcode-softwareindeed