Manual de Web Components
JavaScript
Publicado el 27 de Abril del 2016 por Administrador
1.873 visualizaciones desde el 27 de Abril del 2016
En este manual vamos a conocer el nuevo estándar de los Web Components, una nueva tecnología implementada en navegadores modernos que permitirá llevar la web a un nuevo nivel.
Web Components incluye cuatro especificaciones que nos van a servir para cambiar radicalmente el modo en el que construimos las páginas web, aportando nuevas herramientas capaces de extender el lenguaje HTML. Las veremos por separado y luego las utilizaremos en conjunto.
Los componentes, también llamados Custom Elements, son el corazón y objetivo final de este estándar y tienen como objetivo construir nuevos elementos para el lenguaje HTML. Éstos son como etiquetas HTML nuevas que puedes desarrollar tú mismo con muy poco esfuerzo, de modo que puedas realizar componentes para implementar cualquier tipo de tarea en el ámbito de una web, interfaz de usuario, etc.
Como Web Components es un estándar, podemos desarrollar directamente con Javascript y no estaremos obligados a usar alguna librería o framework adicional. En este manual nos centraremos en esta posibilidad, usar Web Components con Javascript estándar.
Por todo ello es una tecnología que ya podemos usar y beneficiarnos de extraordinarias posibilidades. En este manual vamos a recorrer diversos puntos del estándar para explicarlo, de modo que los desarrolladores puedan aprender y comenzar a usar Web Components.
Contenidos:
1.- Qué son Web Components
2.- Especificación Custom Elements, explicaciones y práctica
3.- Extendiendo elementos en Web Components
4.- Template con Web Components
5.- Shadow DOM de Web Components
6.- Especificación Import en Web Components
7.- Custom elements sencillos y sus HTML import
8.- Practicando web components con VanillaJS
Web Components incluye cuatro especificaciones que nos van a servir para cambiar radicalmente el modo en el que construimos las páginas web, aportando nuevas herramientas capaces de extender el lenguaje HTML. Las veremos por separado y luego las utilizaremos en conjunto.
Los componentes, también llamados Custom Elements, son el corazón y objetivo final de este estándar y tienen como objetivo construir nuevos elementos para el lenguaje HTML. Éstos son como etiquetas HTML nuevas que puedes desarrollar tú mismo con muy poco esfuerzo, de modo que puedas realizar componentes para implementar cualquier tipo de tarea en el ámbito de una web, interfaz de usuario, etc.
Como Web Components es un estándar, podemos desarrollar directamente con Javascript y no estaremos obligados a usar alguna librería o framework adicional. En este manual nos centraremos en esta posibilidad, usar Web Components con Javascript estándar.
Por todo ello es una tecnología que ya podemos usar y beneficiarnos de extraordinarias posibilidades. En este manual vamos a recorrer diversos puntos del estándar para explicarlo, de modo que los desarrolladores puedan aprender y comenzar a usar Web Components.
Contenidos:
1.- Qué son Web Components
2.- Especificación Custom Elements, explicaciones y práctica
3.- Extendiendo elementos en Web Components
4.- Template con Web Components
5.- Shadow DOM de Web Components
6.- Especificación Import en Web Components
7.- Custom elements sencillos y sus HTML import
8.- Practicando web components con VanillaJS