WebComponents.org: todo sobre el futuro de la Web

Los componentes web estuvieron de moda durante un tiempo. Al igual que con todos los proyectos de estandarización, a medida que pasa el tiempo, el efecto desaparece. En 2012, se sintió cercana la estandarización de las especificaciones de los componentes web. Hoy en día sigue siendo un trabajo en progreso. Sin embargo, hay un número creciente de enfoques y soluciones técnicas prometedoras. En lugar de obligarlo a navegar por las profundidades y anchos de la web para recopilar información vital sobre los componentes web, la propia comunidad, con el apoyo del personal de Google y Mozilla, decidió crear una plataforma central que cubriera todos los aspectos de la tecnología futura. Ahora ese esfuerzo está en línea. Responde al nombre WebComponents.org.

Por qué los componentes web son el futuro de la web

¿Qué dices? ¿No has oído hablar de los componentes web hasta ahora? ¿O ya se han olvidado de sus conceptos? No se preocupe, le enviaremos una breve introducción.

La idea detrás de los componentes web evolucionó con las crecientes capacidades de los navegadores modernos. Los navegadores y su capa de hardware subyacente son lo suficientemente potentes hoy en día como para ejecutar aplicaciones completas. Ya no son solo ventanas para mostrarte algún hipertexto. Siempre que un desarrollador (o equipo, para el caso) pueda controlar la lógica de la aplicación de un sitio web por completo, todo está bien. JavaScript es un método probado. Pero tan pronto como se supone que se ejecuta más de una aplicación en el mismo sitio web, por ejemplo, en forma de widgets separados, las cosas comienzan a complicarse.

Los conceptos tradicionales de diseño web no estaban destinados a permitir crear sitios web a partir de diferentes módulos independientes. Y aunque esto parece posible, al menos no es sin el riesgo de que un módulo se interponga en el camino de otros.

Para evitar los problemas inherentes, el borrador de trabajo sobre los componentes web presenta varias soluciones técnicas nuevas, siendo las más importantes las importaciones de HTML, los elementos personalizados y Shadow DOM. Importaciones de HTML le permite incrustar HTML externo. Elementos personalizados permite la creación de etiquetas personalizadas siguiendo la misma sintaxis que los elementos nativos. Y Shadow DOM oculta las secciones de la aplicación de la vista en el DOM principal, de modo que ninguna otra parte del DOM pueda acceder a ellas.

Para hacer que las partes más importantes y más prometedoras de las nuevas especificaciones estén disponibles para uso práctico hoy, los equipos de los principales desarrolladores de navegadores, Google y Mozilla, comenzaron a crear soluciones provisionales. Los proyectos más conocidos son Etiquetas X por Mozilla y Polímero por Google Ambos se concentran en elementos personalizados.

En general, todos los proyectos están diseñados para volverse redundantes con el tiempo. Polymer, por ejemplo, verifica las capacidades de los componentes web del navegador que llama en tiempo de ejecución y solo se preocupa por las partes de la especificación que no son compatibles de forma nativa.

WebComponents.org: todo lo que necesita saber bajo un mismo techo

el nuevo proyecto WebComponents.org se planeó originalmente como una especie de wiki para los miembros de la comunidad. Con la motivación de algunos miembros para crear tan alta, se desarrolló para convertirse no en otro wiki seco, sino en un sitio web fresco y moderno, incluso con su propio logotipo. El objetivo del proyecto es centralizar la información disponible, soluciones, especificaciones, presentaciones, mejores prácticas y demás.

Vaya a WebComponents.org para acceder a las diferentes especificaciones en sus respectivos estados de trabajo. Mire las mejores prácticas que ya funcionan hoy. Lee un montón de artículos y tutoriales que te presentan los conceptos básicos y luego te conducen a conocimientos avanzados. Mire videos de presentación o diapositivas con contenido dado durante las muchas conferencias que existen. Una sección con recursos recopila soluciones como las mencionadas X-Tags, Polymer y más. La sección más o menos vacía de Sandbox se supone que debe llenarse con propuestas concretas de qué se debe declarar cómo.

Aunque el sitio acaba de comenzar, ya contiene una cantidad de información que lo mantendrá ocupado por un tiempo. Si está buscando una entrada sólida al mundo de los componentes web, este es el lugar para ir.

enlaces relacionados

• WebComponents.org | Todo lo que necesitas saber
• Etiquetas X | Mozilla
• Polímero | Google