Aprendí a crear un Web Component con MiduDev — Web Components.
Gracias a MiduDev que he aprendido mucho viendo sus vídeos, y ha ayudado seguramente a muchos otros.
He aprendido Web Component el 7 de Agosto de 2026. Para tenerlo de recuerdo. Actualmente tengo Obsidian podría escribir esto en él, ¿verdad? Para documentar lo aprendido.
Creé un Web Component personalizado llamado <hola-mundo> que se renderiza dentro de su propio shadow DOM, encapsulando su estilo y estructura. El componente muestra un título “¡Hola Mundo!” y un párrafo con un enlace a la documentación de Web Components de MDN. Mi objetivo era demostrar cómo se puede embeber HTML, CSS y JavaScript en una clase que extiende HTMLElement, y luego registrarlo para usarlo en una página HTML con una etiqueta reutilizable.
- HTML
- CSS
- JavaScript.
Lo que me motivó fue ver un vídeo de MiduDev, donde explicaba los Web Components de forma clara y práctica. Me despertó curiosidad porque me mostró que no hace falta un framework para crear componentes reutilizables, y además me interesó mucho la idea de trabajar con algo nativo del navegador. Quiero ver si esto puede servir para construir páginas web completas, aunque todavía me falta mucho por aprender.
Aprendí sobre el shadow DOM, cómo usar innerHTML dentro del shadow root, el ciclo de vida de un Web Component y cómo combinar HTML, CSS y JavaScript en una sola pieza reutilizable. Me sorprendió lo fácil que fue crear algo funcional con pocas líneas, y me gustó mucho la idea de trabajar con componentes encapsulados.
Me siento bien por haber empezado. La IA puede ayudar mucho, pero el conocimiento humano sigue siendo lo más importante. Mientras más estudiemos y entendamos, mejor podremos usar la IA a nuestro favor.