Imagen de Web Components
Web Components es un estándar Javascript que nos permite desarrollar elementos personalizados, componentes, que son como etiquetas HTML capaces de realizar cualquier cosa que necesitemos en un proyecto web.

La clave de los web components consiste en ser un estándar, es decir, son unas especificaciones de la W3C que los navegadores implementan entre sus API para permitir el desarrollo de componentes. 

Hoy todos los navegadores han dado ya el apoyo a Web Components y la tecnología permite el uso de estas especificaciones de manera nativa. Aunque algunos navegadores todavía tienen esta tecnología en estado de desarrollo, es capaz de apoyarse en polyfills, de modo que sea compatible con cualquier cliente web medianamente moderno. 

Web Components se compone por varias especificaciones: Custom Elements, Shadow DOM, HTML Templates, etc. Adicionalmente, algunas librerías como Polymer o StencilJS le ponen por encima nuevas utilidades y ventajas para el desarrollador. Gracias a ellas, la experiencia de desarrollo con estas librerías mejora con respecto al uso de Javascript plano, equiparando la experiencia de desarrollo de Web Components a la conocida en frameworks Javascript para vistas como React o Angular.

Cómo aprender Web Components

En EscuelaIT tenemos algunas clases que introducen el uso de Web Components en Javascript nativo, pero donde más te podemos ayudar es si combinas Web Components, aplicando Polymer por encima.

Cursos de Web Components

Me interesan todos

Conocimientos necesarios

Habilita para estudiar

Explora otras materias de cursos