Un módulo #Firebase utilizando #Polymer, comercios destacados

En busca de la simplicidad, exploraremos en este articulo realizar el desarrollo de un nuevo módulo #Polymer integrando datos desde #Firebase basado en el proyecto #modulegen  (presentado en 7 arquetipos de la tecnología moderna, con base en el Polymer-Starter-Kit).

El objetivo es representar en un módulo nuevo comercios destacados almacenados en #Firebase. Vemos en la Fig.1 la colección de comercios desde #Firebase, cada uno de los mismos y su ganancia general. [todos datos totalmente simulados]

Fig.1 Firebase [datos]
El objetivo es incorporar un nuevo módulo e incluir datos desde #Firebase. Siguiendo la Fig.2 para el proyecto  #modulegen
Fig.2 UI de modulegen
Vamos a construir este nuevo módulo de una forma desacoplada desde el sector #elements. Vamos a incorporar un #web-component, #firebase-element y solo nos queda crear la lógica de acceso.
Fig.3 Generación del módulo
Miren como se ve el código completo:

Cargando ....

Ahora vamos a integrar el componente en el index.html. ¿Cómo lo hacemos? Fig.4
Fig.4 Incorporando el módulo en el #index
Finalmente el resultado Fig.5:
Fig.5 resultado sobre el portal

Licencia Creative Commons
Un módulo #Firebase utilizando #Polymer, comercios destacados por Nicolas Bortolotti se distribuye bajo una Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional.

Comentarios

Entradas más populares de este blog

Modelando relaciones en UML, un acercamiento a las Asociaciones

Utilizando Intents implícitos para crear actividades

Secuencias…Modelado indispensable