Conocimientos y habilidades que adquieres realizando este taller

  • La evolución de las interfaces de usuario.
  • La evolución de la arquitectura utilizada para crear interfaces de usuario.
  • Qué son los Web Components.
  • Tecnologías y estándares necesarios para trabajar con Web Components.
  • Estado actual de los estándares en W3C y soporte en navegadores.
  • Librerías disponibles para crear Web Components.
  • Qué son los catálogos de componentes.
  • Qué es Quid y su uso práctico para componer Web Components.
  • Qué falta aún para que Web Components se extienda.

Relacionado

Te dejamos una selección de cursos, carreras y artículos

Fundamentos de Progressive Web Apps

Fundamentos de Progressive Web Apps

curso

Con este curso aprenderás:

  • Conocer las características de las aplicaciones web progresivas
  • Crear aplicaciones web instalables
  • Enviar y recibir notificaciones a través de una aplicaciones web

Duración: 2 horas y 30 minutos

Fundamentos de Service Workers

Fundamentos de Service Workers

curso

Con este curso aprenderás:

  • Conocerás que es un service worker.
  • Aprenderás a programar Service Workers..
  • Serás capaz de programar aplicaciones web que funcionen offline.

Duración: 1 hora y 52 minutos

Preguntas Frecuentes

En OpenWebinars ni los cursos ni los talleres tienen fecha de inicio o final.

Cada taller tiene una fecha de publicación y desde ese día lo tienes 100% disponible si estás suscrito a alguno de nuestro planes.

En OpenWebinars no vendemos cursos o talleres unitarios.

Tenemos diferentes tipos de suscripciónes, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para tí. Consúltanos aquí.

Descripción

Web Components es una tecnología en auge gracias a W3C, y que muy pronto tendremos incluida en todos los navegadores de forma estándar, ya que forman parte del navegador, y por lo tanto, no necesitan uso de bibliotecas ni frameworks.

Con Web Components puedes hacer cualquier cosa que pueda ser hecha con HTML, CSS y JavaScript, y puede ser un componente portable que puede ser reutilizado fácilmente.

Entra ahora a este taller de Pedro J. Molina, fundador de Metadev, y conoce la estructura, el uso y las ventajas de usar los Web Components en desarrollo frontend moderno.

Para comenzar hablaremos un poco sobre la historia de las interfaces de usuario desde sus comienzos, ya que han ido evolucionado con el tiempo hasta la actualidad, dónde lo habitual es construir interfaces basadas en modalidad SPA (Single Page Application) con JavaScript o lenguajes similares, todo corriendo desde el lado del cliente.

También repasaremos brevemente la evolución en los tipos de arquitectura que se han ido utilizado para crear las interfaces de usuario y las propiedades de las mismas, destacando el caso de Visual Basic, con el que después veremos las similitudes que guardan los Web Components.

Centrándonos en los mismos, se explicará qué son y qué estándares o tecnologías se necesitan añadir a la web para trabajar con ellos, como son los custom elements, HTML templates, shadow DOM y ES modules. Te contaremos más a fondo los fundamentos de estas cuatro tecnologías y qué beneficios se consiguen con ellas.

Revisaremos el estado actual de la W3C para los estándares vistos previamente, además de ver cómo los soportan los navegadores en la actualidad. A continuación detallaremos qué librerías están disponibles para crear Web Components, cuáles son, algunas de las cosas que nos permiten hacer y algunas diferencias entre ellas.

Una vez se ha creado la tecnología para crear Web Components, ha sido posible construir catálogos de componentes. Podemos construir estos catálogos a partir de nuestros componentes o bien hacerlo utilizando componentes creados por terceros. Te hablamos sobre los mismos y dónde localizarlos.

Después te ofrecemos una demostración práctica de cómo usar Quid, una tecnología que está en desarrollo para trabajar con Web Components, y que permite componer nuestros propios Web Components.

Para finalizar hablaremos sobre qué falta en la actualidad para que todo lo visto anteriormente pase de ser una realidad puntual a algo que se utilice de forma estandarizada, sobre todo ahora que se ha conseguido evolucionar tanto esta tecnología.

* Requisitos del Taller

El nivel del taller es intermedio. Para seguir de una forma adecuada el taller, sería interesante poseer conocimientos en desarrollo frontend, sobre todo para la parte más práctica del mismo.

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars