Imagina

Curso de Polymer 3.0 y Web Components

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

banner 2 x 1

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.

¿Qué vas a aprender?

En este curso aprenderemos a crear y usar componentes web interactivos junto a Polymer

Objetivos

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

¿A quién va dirigido este curso?

Este curso va dirigido a personas que quieran aprender a utilizar los componentes para el desarrollo de aplicaciones web

Duración
Consultar
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.