Web Components: Qué son y qué aportan al desarrollo Web

Los Web Components llegan de la mano de un conjunto de tecnologías que seas ha incorporado para potenciar las posibilidades del desarrollo web, mediante el uso de custom elements o elementos personalizados, uso de templates HTML que se pueden importar y la posibilidad de trabajar con un subárbol de elementos del DOM (Shadow DOM)

Vale la pena resaltar que los Web Components se apoyan en templates y pueden ser importados en nuestros proyectos Web de una manera sencilla. Podemos crearlos nosotros o recurrir a bibliotecas donde encontraremos gran variedad de opciones ya creadas. Uno de los frameworks más potentes para crear este tipo de tecnología es Polymer.

El aporte para el desarrollo de sitios y aplicaciones Web es muy importante, ya que facilitan la incorporación de elementos personalizados a un proyecto y, además, optimiza el trabajo en equipo, especialmente cuando hay varios profesionales participando. De esta manera es posible enfocar de una manera más precisa y eficiente las necesidades y separar las tareas. Cuando se trata de un desarrollo a gran escala, esto se transforma en un punto clave.

Web Components se basa en cuatro pilares fundamentales:

  • HTML Templates
  • Shadow DOM
  • Custom Elements
  • HTML Imports

Podemos seguir la evolución del estado de los Web Components en la documentación del W3C.

Encontraremos ejemplos de Web Components en el sitio https://www.webcomponents.org/

Más sobre Diseño y desarrollo Web


Acerca de

Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Diseño y Programación Web y Mobile. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios digitales. Dicto capacitaciones y consultorías sobre lenguajes y herramientas de desarrollo Web

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*


Cursos y capacitaciones para empresas y profesionales

  • HTML & CSS (maquetado web).
  • CSS3 & Responsive Web Design (diseño web adaptado a móviles y tablets).
  • Flexbox & Grids (técnicas modernas de CSS).
  • LESS & SASS (CSS preprocessors).
  • Responsive E-mail (diseño de emails multidispositivo).
  • Bootstrap (el framework de diseño más utilizado).
  • HTML5 (Nivel inicial y Avanzado + APIs).
  • PhoneGap/Cordova (Aplicaciones para Android e iOS basadas en lenguajes Web).
  • JavaScript (Nivel inicial y avanzado con ECMAScript 6).
  • jQuery (una de las librerías más famosas de JavaScript).
  • Angular (framework para construir aplicaciones Web con JavaScript).
  • PHP & MySQL (programación del lado servidor y bases de datos).

Encontrame en las redes sociales. Contactame.