OpenWebinars
Frontend

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.

4.4(77 valoraciones)

No solo ofrecemos cursos; facilitamos un camino hacia la excelencia tecnológica para empresas que aspiran a liderar el cambio.

  • Relación continua de asesoramiento con especialistas.
  • Dashboards intuitivos y un LMS que se integra sin fisuras.
  • Formación práctica con líderes del sector.
  • Itinerarios que se adaptan a tus metas empresariales.
  • Acceso 24/7 a 1.500 cursos especializados y actualizados.

Para profesionales que necesitan mejorar sus habilidades y acelerar su carrera profesional.

  • Acceso 24/7 a 1.100 cursos tecnológicos y digitales para que siempre estés al día.
  • Certificados para agregar valor a tu CV.
  • Tutores y profesores con experiencia real.
  • Rutas de aprendizaje para avanzar más rápido.
  • Test de aptitudes para medir tu progreso.
Comenzar Prueba Gratis

Disfruta de 15 días de acceso total sin coste y sin compromiso.

Taller impartido por

Avatar:Pedro J. Molina

Pedro J. Molina

EXPERTO EN ARQUITECTURA DE SOFTWARE

Contenido de la formación

1 Secciones · 1 Lecciones · 37 min. en total

Taller

37 min.

Habilidades que obtendrás

  • 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 mínimos

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.

Valoración de nuestros alumnos

4.4
77 valoraciones
  • 5
  • 4
  • 3
  • 2
  • 1
Sencillamente ha sido espectacular esta visión, un taller muy instructivo y más que interesante. pedro j. ha sabido mantener la atención y esperando nuevas versiones de este taller para saber como sigue la evolución.
Javi Felices
Interesante los contenidos. los que han entendido los primeros 6 minutos es porque estamos muy viejos ! me gusta el concepto de que si no existe lo creamos. así era en mi época. bah, sigo programando así.
DOMINGO BECKER

Completa tu formación con estos contenidos

Icono de la tecnología
Curso

Fundamentos PWA

Intermedio
2 h. y 30 min.

El objetivo del curso es aprender a convertir nuestras aplicaciones web estándar en progressives web apps.

Carlos Herrera Conejero
4
Icono de la tecnología
Curso

Fundamentos de Service Workers

Intermedio
1 h. y 52 min.

Aprende con el curso de fundamentos de Service Workers qué son y cómo programarlos para utilizarlos en nuestras...

Carlos Herrera Conejero
4.2
Icono de la tecnología
Curso

Introducción a la programación

Principiante
6 h. y 32 min.

En este curso aprenderemos los fundamentos a la programación estructurada. Estudiaremos el ciclo de desarrollo de una aplicación: análisis,...

José Domingo Muñoz
4.5

FORMACIÓN EMPRESARIAL

Descubre cómo OpenWebinars puede ser el socio estratégico en el desarrollo profesional de tu equipo

Más de 320.000 profesionales de distintas industrias han encontrado en nuestra metodología y contenidos la clave para su transformación digital. Únete a líderes del sector que ya han elevado la formación de sus equipos con nosotros.

CetelemLogo
TelefonicaLogo
VassLogo
AccentureLogo
IbermaticaLogo
MapfreLogo
OpenWebinars

/ business

La formación que tu equipo merece, los resultados que tu empresa necesita

Asesoría Personalizada

Una relación continua de asesoramiento con especialistas dedicados a maximizar el impacto formativo en tu equipo.

Herramientas Avanzadas

Dashboards intuitivos y un LMS que se integra sin fisuras con tu infraestructura actual a través de SSO.

Itinerarios Personalizados

Diseñamos un mapa de las rutas formativas de tus equipos que se alinea con los objetivos estratégicos y operativos de tu empresa.

Especialistas de la Industria

Los profesores de OpenWebinars son líderes en sus campos, brindando conocimientos prácticos que transforman la teoría en habilidades aplicables.

Formación On-Demand

Accede a un catálogo de contenidos que evoluciona al ritmo de la tecnología, disponible 24/7, para que nunca dejes de avanzar.

Desarrollo Profesional Continuo

Más de 1.500 cursos especializados y actualizados, diseñados para mantener a tu empresa a la delantera de la innovación tecnológica.

Experimenta cómo nuestra metodología ya ha potenciado a más de 320.000 profesionales en diversas industrias.
Conviértete en el experto que el mercado tecnológico busca

Amplia Biblioteca de Cursos

Más de 1.100 cursos especializados en tecnología y negocios digitales, disponibles 24/7 para que aprendas a tu ritmo y según tus intereses.

Dominio en Tecnologías Emergentes

Acceso a formaciones de IA, Cloud, Data, Ciberseguridad y Desarrollo, para mantenerte a la vanguardia en las áreas más innovadoras.

Certificaciones Profesionales

Completa tu formación y obtén certificados que agreguen valor a tu CV, destacando en un mercado laboral competitivo.

Especialistas de la Industria

Aprende de aquellos que no solo enseñan, sino que innovan, profesores que traen experiencias del mundo real a tu pantalla.

Rutas de Aprendizaje

Ya sea que estés empezando o buscando acelerar tu progreso, encuentra cursos alineados con tus aspiraciones y desafíos profesionales.

Evaluaciones Prácticas

Test de aptitudes y evaluaciones para seguir tu avance y enfocar tu desarrollo donde más lo necesitas.

Experimenta cómo nuestra metodología ya ha potenciado a más de 320.000 profesionales en diversas industrias. Comenzar Prueba Gratis
Elige el Plan de OpenWebinars que impulse tu transformación
La metodología, contenidos y plataforma de formación que se adapta al tamaño y ritmo de tu empresa, sea una gran Corporación, una Startup o una Empresa en crecimiento
OpenWebinars Business Soluciones escalables y personalizadas para tu empresa
Acceso 24/7 a 1.500 cursos especializados y actualizados
Automatizaciones y planificador de licencias
Itinerarios personalizados que se adaptan a tus metas empresariales
Creación de informes avanzados y personalizados
Dashboards intuitivos para gestionar la formación y analizar progresos
Customer Success dedicados a maximizar el impacto en tu equipo
Gestor de contenido propio (LMS): Total control en el contenido formativo
Personalización de la experiencia: Integración visual que refleja tu marca
Implementación de SSO: Integración perfecta con tus sistemas internos
Acceso a API: Conecta OpenWebinars con tus propias apps y flujos de trabajo
Básico Mensual

39,90€/mes

Ideal para profesionales con necesidades específicas a corto plazo o que prefieren una flexibilidad total.

Acceso 24/7 a 1.100 cursos especializados y actualizados
Formaciones de IA, Cloud, Ciberseguridad, Data y Desarrollo
Certificados para agregar valor a tu CV
Tutores y profesores con experiencia real
75 Rutas de aprendizaje para avanzar más rápido
Test de aptitudes para medir tu progreso
Suscríbete ahora
Experto Anual

225€/año

18,75€/mes (Ahorras 6 meses)

Para profesionales que buscan ahorrar en su formación continua y quieren convertirse en expertos demandados.

Acceso 24/7 a 1.100 cursos especializados y actualizados
Formaciones de IA, Cloud, Ciberseguridad, Data y Desarrollo
Certificados para agregar valor a tu CV
Tutores y profesores con experiencia real
75 Rutas de aprendizaje para avanzar más rápido
Test de aptitudes para medir tu progreso
Comenzar Prueba Gratis Disfruta de 15 días de acceso total sin coste y sin compromiso.

Preguntas frecuentes

Resuelve tus dudas o contacta con nosotros para más información.

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.

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas 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í.

becasBannerImg
+90.000 ESTUDIANTES CADA AÑO

Becas OpenWebinars

Para Centros de FP y Universidades de España

Colaboramos con más de 750 centros de Formación Profesional en España para dotar a los estudiantes IT de los recursos necesarios para afrontar el mercado laboral con las máximas garantías.

logoBecas

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.