¿Te has preguntado cómo hacer aplicaciones web modernas y que crezcan? Polymer, una librería JavaScript, puede cambiar tu forma de hacer front-end. Con él, puedes crear componentes que se puedan usar muchas veces y que sean fáciles de manejar. Esto hace que el desarrollo sea más simple y que el usuario disfrute más.

Polymer tiene una forma de escribir código que es clara y fácil. También maneja eventos y datos de manera que tus aplicaciones sean interactivas y crezcan fácilmente. Aprende cómo esta tecnología puede cambiar cómo desarrollas tus proyectos web.

Ideas clave:

Polymer hace más fácil crear componentes que se pueden usar muchas veces.
La forma de escribir código y manejo de eventos de Polymer mejoran el desarrollo.
Polymer te ayuda a crear aplicaciones web modernas y que crezcan.
La vinculación de datos bidireccional hace que la aplicación sea más interactiva.
Polymer se basa en Web Components, lo que asegura su compatibilidad y escalabilidad.

Introducción a Polymer y Web Components

Polymer es una biblioteca que hace más fácil usar Web Components. Estos son elementos web estándar que incluyen Shadow DOM, plantillas HTML y importaciones HTML. Con Polymer, puedes crear componentes reutilizables fácilmente. Esto se logra gracias a una sintaxis simple, la capacidad de vincular datos y manejar eventos.

¿Qué es Polymer?

Polymer es una herramienta que ayuda a crear componentes web reutilizables. Usa las últimas tecnologías de Web Components, como el Shadow DOM. Esto permite encapsular el estilo y comportamiento de cada componente.

Historia de Polymer

Polymer se presentó por primera vez en la Google I/O de 2013. Desde entonces, ha crecido mucho. La versión 1.0 salió en 2015 y ahora estamos en la versión 3. Esta última trae grandes mejoras y más integración con los estándares web.

Importancia de los Web Components

Los Web Components permiten crear elementos HTML personalizados. También encapsulan estilos y comportamientos. Y definen fragmentos de código HTML reutilizables.
Gracias al Shadow DOM, los Web Components mejoran el rendimiento. Esto se logra aislando el código y estilos de cada componente.
Las plantillas HTML y las importaciones HTML hacen más fácil desarrollar aplicaciones web. Hacen que sean modulares y fáciles de mantener.

«Los Web Components liberan al navegador de la ejecución de JavaScript propietario. Esto mejora el rendimiento de las aplicaciones y facilita la interacción entre componentes.»

En conclusión, Polymer es una herramienta que facilita el uso de Web Components. Ofrece una sintaxis clara y una arquitectura basada en componentes. Esto mejora la productividad y la reutilización de código en el desarrollo web.

Ventajas de usar Polymer

Las herramientas de Polymer y Web Components ofrecen muchos beneficios. Una gran ventaja es la modularidad y la reutilización de componentes. Esto hace que el mantenimiento del código sea mucho más fácil.

Gracias a su productividad y escalabilidad, se pueden crear aplicaciones web más fuertes. Estas aplicaciones mejoran la experiencia del usuario.

Reutilización de componentes

La estructura modular de Polymer y Web Components facilita la creación de componentes reutilizables.
Esto evita tener que reescribir código repetido, siguiendo el principio Don’t Repeat Yourself (DRY).
Los desarrolladores pueden crear componentes genéricos y personalizarlos según las necesidades de la aplicación.

Facilidad de mantenimiento

Gracias a la encapsulación y modularidad de Polymer, el código es más fácil de entender y mantener. Los cambios localizados en un componente no afectan al resto de la aplicación. Esto simplifica mucho el desarrollo.

Rendimiento optimizado

Polymer y Web Components utilizan una sintaxis declarativa que facilita la creación de interfaces de usuario eficientes.
La compatibilidad con estándares web garantiza la portabilidad de los componentes entre diferentes proyectos y tecnologías.
Esto se traduce en una mejora del rendimiento y la escalabilidad de las aplicaciones web desarrolladas con estos enfoques.

Ventaja	Descripción
Modularidad	Facilita la reutilización de código y el mantenimiento a largo plazo.
Productividad	Aceleran el proceso de desarrollo con una sintaxis declarativa.
Experiencia de usuario	Mejoran la interactividad y el rendimiento de las aplicaciones web.
Escalabilidad	Permiten el crecimiento controlado del código y la aplicación.

«Polymer y Web Components ofrecen una forma eficiente y escalable de construir aplicaciones web gracias a su enfoque modular y reutilizable.»

Instalación y configuración inicial de Polymer

Para empezar con Polymer, primero debes instalar el entorno de desarrollo. Esto se hace con npm, el administrador de paquetes de Node.js.

Requisitos previos

Antes de instalar Polymer, asegúrate de tener Node.js y npm en tu sistema. Estos son los pasos iniciales para usar el CLI de Polymer. Esta herramienta te ayudará a crear y manejar proyectos.

Instalación de Polymer CLI

Con Node.js y npm listos, instala el CLI de Polymer globalmente. Abre una terminal y escribe:

npm install -g polymer-cli

Este comando instalará el CLI de Polymer globalmente. Así, podrás usarlo en cualquier proyecto.

Crear un nuevo proyecto

Con el CLI de Polymer instalado, crea un nuevo proyecto. Ve a donde quieras tu proyecto y escribe:

polymer init

Este comando te guiará a crear un nuevo proyecto Polymer. Elige «polymer-2-application» y sigue las instrucciones para configurar tu proyecto.

Al terminar, tendrás una estructura de proyecto lista para empezar a desarrollar tus componentes Polymer.

Beneficios de usar Polymer CLI	Características clave
Crea rápidamente un proyecto Polymer con una estructura de carpetas y archivos predefinida Ofrece comandos útiles para el desarrollo, pruebas y despliegue de aplicaciones Polymer Simplifica la configuración del entorno de desarrollo al abstraer la complejidad de herramientas como Webpack o Rollup	Gestión de dependencias y paquetes con npm Servidor de desarrollo incorporado con hot-reload Optimización de la construcción para producción Generación de documentación del proyecto Herramientas de pruebas integradas

«El CLI de Polymer simplifica enormemente el proceso de configuración y desarrollo de aplicaciones web con Polymer. Es una herramienta indispensable para cualquier desarrollador que trabaje con esta tecnología.»

Estructura de un proyecto Polymer

Un proyecto con Polymer tiene varios elementos clave. Estos incluyen la arquitectura de componentes, la estructura de archivos y la modularidad. Estos componentes, junto con archivos de configuración y una buena organización de carpetas, son cruciales. Ayudan a crear aplicaciones web robustas y escalables.

Componentes principales

Los componentes Polymer tienen dos partes importantes:

El Template define la estructura y apariencia del componente con HTML o DOM local.
El Script contiene la funcionalidad JavaScript del componente.

Para construir estos componentes, se importan las dependencias necesarias. Luego, se define el componente con la etiqueta . Finalmente, se registra mediante la función Polymer().

Archivos de configuración

Un proyecto Polymer también tiene archivos de configuración importantes. Por ejemplo, bower.json y polymer.json gestionan las dependencias y la estructura del proyecto. Estos archivos hacen más fácil instalar y desplegar la aplicación.

Organización de carpetas

Polymer sugiere una organización de carpetas específica para mantener el proyecto ordenado. Los componentes se guardan en la carpeta src. Los archivos de configuración y el inicio de la aplicación están en la raíz.

Carpeta	Contenido
src/	Componentes de la aplicación
bower_components/	Dependencias instaladas mediante Bower
node_modules/	Dependencias instaladas mediante npm
index.html	Archivo de inicio de la aplicación
bower.json	Archivo de configuración de Bower
polymer.json	Archivo de configuración de Polymer

Esta estructura mejora la modularidad del proyecto. Hace más fácil mantener y escalar la aplicación a medida que crece.

Creación de un Web Component básico

Polymer hace más fácil crear aplicaciones web modulares. Permite crear elementos personalizados. Estos componentes tienen su propia estructura HTML, estilos CSS y funcionalidad JavaScript. Esto hace el desarrollo más eficiente y escalable.

Definición de un nuevo componente

Para crear un nuevo componente Polymer, se usa el elemento . Dentro, se coloca un template con la estructura HTML del componente. También se registra el elemento personalizado en un script.

Uso de HTML y CSS en componentes

El template del componente permite añadir HTML que se mostrará dentro del elemento. Se pueden usar estilos encapsulados con Shadow DOM. Así, los estilos del componente no afectan a la aplicación.

Añadiendo funcionalidad con JavaScript

La funcionalidad del componente se agrega con JavaScript. Se usa el objeto pasado a Polymer(). Aquí se pueden definir propiedades, métodos y eventos personalizados. Esto permite una interacción dinámica con el entorno.

Es clave nombrar los componentes con al menos un guión. Esto los diferencia de las etiquetas HTML estándar. Así, se aprovechan al máximo las capacidades de los Web Components.

«Los Web Components son una colección de estándares de la Web. Permiten crear etiquetas HTML personalizadas. Encapsulan estructura, estilos y comportamiento.»

Interacción entre componentes

Los Web Components son una solución elegante para la interacción entre componentes. Polymer hace que sea fácil usar estas herramientas. Así, los desarrolladores pueden crear componentes que se comunican bien.

Propiedades y atributos: La clave para el data binding

El data binding es clave en Polymer. Las propiedades y atributos de los componentes ayudan a sincronizar datos. Esto hace que los cambios se propaguen fácilmente y se creen interfaces dinámicas.

Eventos personalizados: Comunicación sin fronteras

Polymer también facilita la comunicación entre componentes con eventos personalizados. Estos eventos permiten que los componentes se comuniquen aunque no estén directamente relacionados. Esto mejora la interacción y modularidad en las aplicaciones.

Propiedades computadas: La inteligencia detrás de los componentes

Las propiedades computadas son fundamentales en Polymer. Permiten que los componentes respondan a cambios en los datos. Esto hace que las interfaces sean más inteligentes y dinámicas.

Característica	Descripción	Beneficio
Data binding	Sincronización de datos entre componentes	Facilita la propagación de cambios y la creación de interfaces dinámicas
Eventos personalizados	Comunicación entre componentes no relacionados	Mejora la modularidad y flexibilidad de la aplicación
Propiedades computadas	Propiedades reactivas que responden a cambios en los datos	Permiten desarrollar interfaces más inteligentes y dinámicas

Gracias a estas características, Polymer es una herramienta poderosa. Permite construir aplicaciones web con una interacción fluida entre componentes. Esto impulsa la creación de interfaces modernas y reactivas.

«Polymer simplifica enormemente la creación y utilización de Web Components, convirtiéndolos en una realidad accesible para los desarrolladores web.»

Estilos en Polymer: Shadow DOM

El Shadow DOM es clave en Polymer. Proporciona encapsulación de estilos y aislamiento de componentes. Esto ayuda a evitar problemas de nombres y estilos con otros elementos de la página. Así, se facilita el desarrollo modular y mantenible de los web components.

Concepto de Shadow DOM

El Shadow DOM es un árbol de elementos DOM oculto dentro de un componente web. Este DOM separado mantiene los estilos y comportamiento del componente aislados. Esto evita conflictos de CSS scoping y mantiene los estilos del componente separados del resto de la página.

Ventajas de usar Shadow DOM

Encapsulación de estilos: Los estilos de un componente se mantienen dentro de su DOM, evitando contaminar otros elementos.
Aislamiento de componentes: Cada componente tiene su propio espacio, lo que facilita su reutilización y desarrollo modular.
Rendimiento optimizado: El Shadow DOM mejora el rendimiento al reducir la complejidad del DOM y evitar conflictos de estilos.

Ejemplo de implementación

Para usar el Shadow DOM en Polymer, solo se necesita definir un nuevo componente. El template del componente se encapsula en este DOM aislado. Allí se definen los estilos CSS que solo se aplicarán a ese componente. Esto asegura la encapsulación de estilos y el aislamiento de componentes.

Característica	Descripción
Encapsulación de estilos	Los estilos definidos en un componente se mantienen confinados dentro de su propio DOM, evitando que contaminen el resto de la aplicación.
Aislamiento de componentes	Cada componente web tiene su propio entorno aislado, lo que facilita la reutilización y el desarrollo modular.
Rendimiento optimizado	Al evitar conflictos de estilos, el Shadow DOM mejora el rendimiento de la aplicación al reducir la complejidad del DOM.

Manejo de Datos con Polymer

Polymer es un framework de desarrollo web popular. Ofrece un sistema eficiente para manejar datos en aplicaciones web. Gracias a observables y propiedades computadas, permite actualizaciones reactivas de la interfaz de usuario. Esto simplifica la sincronización entre el modelo de datos y la vista.

Observables y Propiedades Computadas

Los observables en Polymer permiten a los componentes monitorear y responder a cambios en los datos. Esto mejora la reactividad de la aplicación. Las propiedades computadas calculan y devuelven valores a partir de otros datos, facilitando la manipulación de datos.

Formularios y Validaciones

Polymer hace más fácil la creación y manejo de formularios. Ofrece un sistema de validación integrado. Los desarrolladores pueden definir reglas de validación y manejar estados de campos, mejorando la experiencia del usuario.

Integración con APIs

Polymer facilita la integración con APIs externas. Los desarrolladores pueden crear componentes que consumen datos de servicios web. Esto permite aplicaciones web dinámicas y conectadas.

En resumen, Polymer ofrece herramientas avanzadas para el manejo de datos. Esto incluye observables, propiedades computadas, formularios y la integración con APIs. Facilita el desarrollo de aplicaciones web modernas y reactivas, optimizando la data binding bidireccional, la reactividad y la manipulación de datos.

«Polymer simplifica el manejo de datos en aplicaciones web. Nos permite enfocarnos en la lógica de negocio y la experiencia de usuario sin preocuparnos por la sincronización de modelos y vistas.»

Acceso a la API de Web Components

Usar Polymer te da acceso directo a la API nativa de Web Components. Esto te permite usar al máximo lo que esta tecnología ofrece. Te da más control sobre el DOM y el ciclo de vida de los componentes.

Métodos y propiedades

Polymer te da acceso a muchos métodos y propiedades de la API de Web Components. Algunos ejemplos son:

Crear y registrar nuevos elementos personalizados
Definir atributos y propiedades de los componentes
Manejar eventos y el ciclo de vida del componente
Interactuar con el DOM y manipular elementos

Casos de uso prácticos

Gracias a Polymer, puedes crear componentes interactivos y dinámicos. Estos se integran perfectamente con tu aplicación. Algunos ejemplos son:

Crear componentes avanzados, como menús desplegables o carruseles
Sincronizar datos entre diferentes partes de tu aplicación
Implementar lógica de renderizado y actualización de componentes

Ejemplos en la documentación oficial

La documentación oficial de Polymer tiene muchos ejemplos prácticos. Muestran cómo usar la API de Web Components de manera efectiva. Estos ejemplos cubren desde componentes básicos hasta integraciones con otras tecnologías.

Al ver estos ejemplos, entenderás mejor cómo usar la API nativa. Así podrás aplicar estas técnicas en tus proyectos con Polymer.

«Polymer nos permite trabajar directamente con la API nativa de Web Components. Esto nos da un control y flexibilidad sin precedentes en el desarrollo de aplicaciones web.»

Característica	Descripción
Manipulación del DOM	Polymer facilita la interacción y control del árbol del DOM. Así, puedes crear componentes dinámicos y reactivos.
Ciclo de vida de componentes	Polymer te da acceso a los lifecycle callbacks de Web Components. Esto te ayuda a gestionar el ciclo de vida de los componentes de manera eficaz.
Integración con otras tecnologías	La API nativa de Web Components es compatible con muchos frameworks y bibliotecas. Esto facilita su integración en proyectos existentes.

Pruebas y depuración de componentes

Desarrollar aplicaciones web con Polymer requiere estrategias de pruebas y depuración efectivas. Polymer ofrece herramientas como Web Component Tester. Estas herramientas hacen más fácil probar y depurar los componentes, asegurando que funcionen correctamente.

Herramientas de pruebas

Web Component Tester es una herramienta diseñada para los componentes Polymer. Permite realizar testing unitario e integración. También, las DevTools del navegador son esenciales para la depuración. Permiten ver el Shadow DOM y los datos de los componentes en tiempo real.

Estrategias de depuración

Una estrategia clave de debugging en Polymer es usar las DevTools del navegador. Estas herramientas ayudan a acceder al Shadow DOM y a inspeccionar las propiedades y eventos de los componentes. Además, Polymer tiene funciones de depuración como console.log() y debugger para encontrar y solucionar problemas.

Ejemplos de pruebas unitarias

Es importante realizar pruebas unitarias para asegurar que los componentes Polymer funcionen correctamente. Estas pruebas pueden verificar propiedades, estilos, eventos y la interacción entre componentes. Web Component Tester facilita la creación y ejecución de estas pruebas, ayudando a mantener y mejorar la aplicación.

Herramienta	Descripción	Uso
Web Component Tester	Herramienta de pruebas específica para componentes Polymer	Realizar pruebas unitarias y de integración
DevTools del navegador	Herramientas de desarrollo del navegador web	Inspeccionar el Shadow DOM y depurar problemas

Testing and debugging Polymer components

«El éxito de una aplicación web construida con Polymer depende en gran medida de una sólida estrategia de pruebas y depuración de sus componentes.»

Despliegue de aplicaciones desarrolladas con Polymer

Desplegar aplicaciones con Polymer requiere considerar varias opciones. Esto asegura un rendimiento óptimo. Es clave elegir un buen lugar para alojar aplicaciones de una sola página (SPA) que usen Polymer.

Opciones de hosting

Hay muchos proveedores de hosting que trabajan bien con Polymer. Algunos de los más conocidos son:

GitHub Pages, Netlify o Vercel, que ofrecen alojamiento fácil y gratuito.
Servicios de alojamiento en la nube como AWS, Google Cloud o Microsoft Azure, que ofrecen más control y escalabilidad.
Servidores web como Apache o Nginx, que se pueden configurar para servir aplicaciones Polymer de manera eficiente.

Optimización para producción

Antes de desplegar, es esencial optimizar la aplicación para producción. Esto incluye minificación y concatenación de archivos. También es importante usar lazy loading para un mejor rendimiento inicial.

La herramienta Polymer CLI ayuda a crear builds optimizados. Incluye la posibilidad de usar server-side rendering (SSR) para mejorar el SEO y la experiencia de usuario.

Consideraciones de rendimiento

Además de optimizar el build process, hay otras prácticas que mejoran el rendimiento. Por ejemplo:

Usar lazy loading para reducir la carga inicial.
Aplicar server-side rendering (SSR) para mejorar el SEO y la percepción de rendimiento.
Optimizar las cargas de datos y las conexiones a API externas con técnicas como paginación y caching.

Al usar estas estrategias, aseguras que las aplicaciones Polymer sean fluidas y de alto rendimiento en producción.

Migración de aplicaciones existentes a Polymer

Si ya tienes una aplicación web, migrar a Polymer puede ser una gran idea. Esto mejora la refactorización, compatibilidad y escalabilidad de tu proyecto. Pero, es crucial evaluar bien si es posible y hacerlo paso a paso.

Evaluar la viabilidad de migración

Antes de empezar, debes preguntarte si tu aplicación puede usar Polymer. Piensa en cosas como:

La arquitectura y estructura de tu código
Las dependencias y tecnologías que usas
La complejidad y facilidad de mantenimiento
Lo que quieres lograr en términos de rendimiento y escalabilidad

Pasos para la migración

Si decides que es posible, sigue estos pasos para migrar de forma efectiva:

Elige los componentes más importantes para cambiar primero. Busca aquellos que sean fáciles de reutilizar.
Empieza a cambiar esos componentes clave usando Polymer.
Es importante que los componentes de Polymer trabajen bien con el código que ya tienes. Así evitarás problemas.
Usa lo mejor de Polymer, como la reutilización de componentes y mejor rendimiento.
Enséña a tu equipo a usar Polymer correctamente. Esto hará más fácil la migración.

Desafíos comunes y soluciones

Al migrar, te encontrarás con algunos problemas, como:

Integración con sistemas legacy: Asegura que los componentes de Polymer trabajen bien con el código viejo.
Curva de aprendizaje del equipo: Da capacitación a tu equipo para que se adapte a Polymer y Web Components.
Rendimiento y optimización: Usa buenas prácticas de Polymer para que tu aplicación sea más rápida.

Si enfrentas estos desafíos de frente y sigues una estrategia de migración gradual, podrás sacar lo mejor de Polymer. Así, tu aplicación seguirá funcionando bien.

Buenas prácticas en el desarrollo de aplicaciones

Trabajar con la biblioteca de JavaScript Polymer es una gran oportunidad. Es clave seguir buenas prácticas para tener un código limpio y fácil de mantener. Esto incluye organizar bien el código, documentarlo a fondo y pensar en la accesibilidad.

Estructuración de código

Una buena estructura de código es esencial con Polymer. Se sugiere seguir patrones de diseño como MVC o Observador. Estos patrones ayudan a modularizar y reutilizar componentes. Además, es vital mantener un código limpio y fácil de leer, siguiendo las mejores prácticas de JavaScript.

Documentación y mantenimiento

La documentación detallada es crucial para el mantenimiento a largo plazo. Debe incluir descripciones claras de las funcionalidades y cómo usar los componentes. Mantenerla actualizada ayuda a futuros desarrolladores a entender y trabajar en el proyecto.

Accesibilidad en componentes

Es vital pensar en la accesibilidad al diseñar componentes de Polymer. Esto asegura que más usuarios puedan usarlos. Se debe usar semántica HTML y ARIA para mejorar la navegación y la interacción.

Al seguir estas prácticas, los desarrolladores pueden crear aplicaciones más fuertes y accesibles. Esto mejora la experiencia de usuario.

Recursos y comunidades para desarrolladores

Los desarrolladores de Polymer tienen acceso a muchos recursos. La documentación oficial y una comunidad activa en línea son clave. Estos recursos ofrecen soporte y conocimientos compartidos.

Documentación oficial de Polymer

La documentación de Polymer se encuentra en polymer-project.org. Ofrece guías, tutoriales, API y ejemplos de código. Estos recursos ayudan a entender y usar Polymer.

Comunidades en línea

Además de la documentación, hay comunidades en línea para desarrolladores de Polymer. Aquí se pueden obtener ayuda, intercambiar ideas y aprender de otros. Algunos lugares activos son:

Foros de desarrolladores: Espacios para preguntar, pedir ayuda y hablar sobre Polymer.
Stack Overflow: Una plataforma con muchas preguntas y respuestas sobre Polymer.
GitHub: El repositorio oficial de Polymer, con ejemplos y contribuciones de la comunidad.
Polymer Slack: Un canal de discusión en tiempo real para compartir y pedir ayuda.

Cursos y tutoriales recomendados

Para aprender más sobre Polymer, hay cursos y tutoriales en línea. Cubren desde lo básico hasta lo avanzado. Algunas plataformas recomendadas son:

Udemy
Pluralsight
YouTube

Estos recursos permiten adquirir conocimientos profundos sobre Polymer. Así, los desarrolladores pueden estar al día con las últimas tendencias y mejores prácticas.

Tendencias futuras en Polymer y Web Components

La biblioteca Polymer ha evolucionado hacia LitElement. Esta es más ligera y se acerca a los estándares web actuales. Esto muestra la importancia creciente de los Web Components en el desarrollo web.

Integración con otras tecnologías

Además, Polymer se integrará más con tecnologías importantes. Esto incluye Progressive Web Apps (PWA) y micro frontends. Esta unión ayudará a crear aplicaciones web más fuertes y adaptables.

Perspectivas en el desarrollo web

Los frameworks como Vue.js y Svelte están ganando terreno. Esto muestra un cambio en el desarrollo front-end.
Las herramientas Low-Code/No-Code como Webflow y Bubble están haciendo más fácil crear aplicaciones web.
LitElement y Stencil se están convirtiendo en estándares de Web Components. Esto facilita la creación y reutilización de componentes.
El uso de TypeScript está creciendo. Ofrece la capacidad de encontrar errores antes de ejecutar el código y un enfoque más estructurado.

En conclusión, las tendencias futuras en Polymer y Web Components apuntan a una integración más fuerte con tecnologías nuevas. También a la consolidación de estándares web y a un desarrollo más modular y reutilizable.

Conclusiones sobre Polymer y su impacto en el desarrollo web

Polymer ha sido clave en el desarrollo web moderno. Ha impulsado el uso de Web Components y estándares abiertos. Esta tecnología ayuda a crear aplicaciones web más eficientes y fáciles de mantener.

Las ventajas de Polymer incluyen modularidad y reutilización de componentes. También mejora el rendimiento al usar Shadow DOM. Pero, aprender Polymer al principio puede ser difícil para algunos.

Los Web Components, con el apoyo de Polymer, serán fundamentales en el futuro. Ofrecen interoperabilidad y permiten crear componentes reutilizables. Esto impulsará la innovación en el desarrollo web.

Polymer ha dejado un gran impacto en el desarrollo web. Ha promovido la modularidad y la reutilización de componentes. Aunque ya no es tan popular, su influencia ha sido crucial para el futuro de las aplicaciones web.

Qué es un Imagemap (imagen que permite pinchar en distintas zonas para acceder a diferentes destinos): cómo funciona y para qué sirve.‍

Erick Roch Moraguez