Imagina
Curso de Polymer 3.0

Aprender a utilizar Polymer 3.0 para crear, usar y reutilizar elementos interactivos.

Los componentes web son el futuro y Google lo trae muy fácilmente para todos nosotros, permitiéndonos crear aplicaciones Web con Material Design en pocos minutos y que funciona en todas partes, sin necesidad de JavaScript, JQuery ni Angular, pero con una potencia inigualable.

Objetivos

Aprender este nuevo recurso de Google para crear, usar y reutilizar elementos interactivos rápido e increíblemente fácil.

¿Cuáles son los requisitos?

Para realizar este curso te recomendamos que tengas conocimientos básicos de HTML5, CSS3 y JavaScript.

Duración
40h
Requisitos
Para realizar este curso te recomendamos que tengas conocimientos básicos de HTML5, CSS3 y JavaScript.
Bonificación FUNDAE
Quiero recibir información de este curso

*requerido

  • Responsable de los datos: IMAGINA WEB & MOBILE TECHNOLOGIES S.L.
  • Finalidad de los datos: Responder a la información solicitada, envío de boletines de noticias y ofertas.
  • Destinatarios: IMAGINA WEB & MOBILE TECHNOLOGIES S.L. No se cederán los datos a terceros.
  • Derechos: En cualquier momento puedes acceder, recuperar y borrar tu información.

Temario

1

ECMAScript 6

  • Introducción
  • Variables and Parámetros
  • Instalar Polymer
  • Promises y Callbacks
  • Iterators and Generators
  • Colecciones
2

Introducción a Polymer

  • ¿Qué es Polymer y Web Component?
  • Polyfill
  • Instalar Polymer
  • ¿Qué es Git y cómo instalarlo?
  • ¿Qué es node.js y npm?
  • Polymer vs React
  • Entorno de desarrollo
  • Polymer 3.0, app toolbox y build
3

Creación de una PWA

  • Plantilla inicial
  • Tipos de plantilla
  • Patrón PRPL
  • Json
  • Creación del fichero
  • Adición del elemento en la app
  • Adición de la ruta a la nueva vista
  • Importación de la vista de manera dinámica
  • Generación del ítem de navegación
4

Creación de un componente

  • Estructura e imports iniciales
  • Estilo del elemento
  • Métodos y funciones
  • Definición de la etiqueta HTML
5

Shadow DOM

  • Shadow DOM mediante JavaScript
  • Shadow Root
  • Añadiendo una raíz shadow dinámicamente
  • Shadow DOM vs Hijos
  • Estilos Shadow DOM
6

Estilos

  • Introducción
  • :host
  • Selectores
  • Slots y estilos
  • Propiedades Personalizadas
  • Variables
  • Mixins
7

Sistema de Datos

  • Modelo de datos
  • Cambios propagados
  • Objetos como datos
  • Atributos y propiedades
  • Binding
  • Observadores
  • Propiedades derivadas
8

Eventos

9

Herramientas

Realiza el curso desde donde quieras gracias a nuestro campus online. Dispondrás de un profesor experimentado en programación y desarrollo que te ayudará y responderá a todas tus dudas.

Tutor personal

Proyecto final

Diploma de certificación

Plataforma online

Disponibilidad horaria

Bolsa de empleo

¿Quieres realizar esta formación sin coste para tu empresa?

¡Sin desplazamientos! Impartimos la formación en tu empresa.

Imagina Formación es una entidad organizadora de la Fundación Estatal de modo que puedes gestionar la formación bonificada de los cursos con nosotros. Nos encargamos de todos los trámites para conseguir la bonificación sin ningún coste adicional. Cumplimos con todos los requisitos para que nuestros cursos sean 100% bonificables.

Consulta disponibilidad y precios

Otros clientes que están aprendiendo con nosotros…

¿Tienes alguna duda? Puedes hablar con uno de nuestros profesores

¡Pregúntanos!

¿Quieres un curso personalizado?

*requerido

  • Responsable de los datos: IMAGINA WEB & MOBILE TECHNOLOGIES S.L.
  • Finalidad de los datos: Responder a la información solicitada, envío de boletines de noticias y ofertas.
  • Destinatarios: IMAGINA WEB & MOBILE TECHNOLOGIES S.L. No se cederán los datos a terceros.
  • Derechos: En cualquier momento puedes acceder, recuperar y borrar tu información.