La transformación del frontend con Web Components
Aprende a fondo la estructura, el uso y las ventajas de usar los Web Components en desarrollo frontend moderno.
Impartido por:
Valoraciones de estudiantes:
Lo que aprenderás en este curso:
- 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.
Requisitos del curso
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.
Te dejamos una selección de cursos, carreras y artículos
Fundamentos de Progressive Web Apps
Aprende a fondo la estructura, el uso y las ventajas de usar los Web Components en desarrollo frontend moderno.
Curso de Fundamentos de Service Workers
Aprende a fondo la estructura, el uso y las ventajas de usar los Web Components en desarrollo frontend moderno.
Dudas frecuentes
¿Cuándo comienza el taller?
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 nuestros planes.
¿Cuál es el precio?
En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.
Tenemos diferentes tipos de suscripciones, 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 ti. Consúltanos aquí.
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.
