
Crea una tarjeta de producto para un e-commerce usando JavaScript y Web Components. Haz que sea responsive, dinámica y modificable desde atributos externos. Gana habilidades esenciales para simplificar el desarrollo web con tecnologías estándar.
Clases del curso
Ciclo de vida de los Web Components
Web Components
Manejo de datos
Estilos en Componentes
Proyecto
Web Components de terceros
Conclusiones
Conoce quién enseña el curso

Diego De Granda
Head of Education en Platzi
👨🏫 Google Developer Expert
🎙 Tiene un podcast sobre tecnología
👨💻 Experto en JavaScript y Web Components
conocimientos previos
- Programación en JavaScript
- Manipulación del DOM con JavaScript
software y recursos necesarios
- Navegador web.
- Editor de código
- Equipo de computo con un sistema operativo Windows 10, macOS o Linux.
4.8 · 481 opiniones


Carlos Eduardo Magallon Zepeda
El curso estuvo bien, me gustó, me hubieran gustado más preguntas en el examen para que amortiguara uno o dos errores.


Alfredo Rodriguez Tlachi
que buen curso, debería ser de los primero en la ruta de desarrollo pero creo si debe profundizar para hacerlo con más ejemplos.

Francisco Manuel Sanchez Morales
Super bueno esto de los Web components, El profe Diego siempre explica super bien! Me gustaria mucho un curso despues de Lit Elements


Ed Samar
Buen curso para iniciar con web Components, espero que llegue pronto el curso avanzado


Es un buen curso para iniciar el camino en Web Components, pero creo que falta hacer demostraciones mas complejas.


fredy nazario
muy buen curso


Jose Bismer Carvajal Alzate
El tutor es excelente, los conceptos presentados durante el curso son claros y fáciles de entender


carlos lopez
Excelente, gran profesor y buen material de estudio


Hector Rodriguez
Es un curso bastante completo, de los mejores cursos para empezar con Javascript. Enseña los conceptos basicos para los usos de Web Components y la reutilización de componentes. Super necesario este curso.

Iván Santiago Valencia Hernández
Muy bien explicados las clases y los temas se entendieron.


Juan Diego Prieto Rodríguez
Excelente curso, da muy buenas bases para iniciar y aprender mucho mas con el mundo de los web component, veo que es una skill muy importante hoy en dia y quiero seguir aprendiendo de ello.


Ángel de Jesús Avendaño Cruz
Muy buen curso de introducción a los Web Components.

me gusto mucho el curso y diego explica muy bien... gracias!!!

Cristobal Ignacio Carrion Flores
,

felipe ortiz landeros
Como todos los curso de este profesor siempre maravillosos

javier hernan herrera
excelente.


Muy buen curso.

Daniel Andres Rojas Paredes
ESTA COOL


Felipe Muñoz Caceres
Excelente curso, cada clase se hizo mas entretenida y las explicaciones eran muy claras.


Guillermo Rojas
Muy buen curso, con excelente profesor

Andres Felipe Bolaños Fernandez
Excelente curso, donde aprendes adominar y manejar mejor el DOM atraves de la consola de javascript


Mariano Monje
Excelente curso!

Jose Andres Uruburo Tobon
Los ejemplos vistos en clase.


Jesus Heriberto Lara Juarez
la verdad es un excelente curso bastante util ya que a veces es necesario crear componentes sin usar frameworks. y los web component vienen a resolver esto creando soluciones de forma nativa

Johan Puentes
buen curso,excelente profesor, un orgullo haber cursado con Diego Degranda y habe aprendido una tecnologia tan interesante como los web components,sin embargo hace falta ciertas revisiones y actualizaciones a los ejemplos de codigo y contenido teorico.

Edith Mandujano
Excelente curso


Andrés Valencia
Pienso que es un curso indispensable antes de adentrarse en estudiar React u otras librerías similares


Axel Enrique Galeed Gutierrez
Como siempre, Diego De Granda un gran profesor. Más cursos sobre web components, por favor.


Jhonatan Elias Garcia Ortega
Aprendes las bases de web components para poder desenvolverte con una libreria como Lit.


Lautaro Toledo
curso
Complementa este curso con nuestras rutas de aprendizaje

JavaScript
La Escuela de JavaScript de Platzi es nuestra más completa colección de cursos, proyectos y actividades colaborativas. JavaScript se consolida como el lenguaje de programación más utilizado en el mundo, siendo la herramienta para creación de páginas web dinámicas, aplicaciones web y software moderno de mayor demanda laboral. Arranca con los Fundamentos de JavaScript, manipula el DOM, crea Web Componentes con JavaScript Vanilla y conviértete en Frontend Developer con bibliotecas y frameworks más utilizados como Angular, Vue.js y React.js. También, refuerza tus habilidades como Backend Developer con Node.js o Express.js. <br /> <br /> ¡Comienza hoy con el <a style="color: #32b1fe;font-weight: bold;" href="/cursos/javascript/?utm_source=escuela-javascript">Curso de Fundamentos de JavaScript</a>!




Full Stack con Next.js
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.



TypeScript
Mejora la calidad de tu código con TypeScript. Aprende tipos avanzados y programación orientada a objetos para proyectos robustos.Aumenta la seguridad de tu código con TypeScript.




JavaScript para Backend
Aprende a crear servidores escalables y seguros con Node.js. Integra bases de datos, autenticación y comunicación en tiempo real.




Fundamentos de JavaScript
Domina las bases de JavaScript, manipula el DOM y mejora la interactividad de tus proyectos. Utiliza Web APIs, escribe código seguro y escalable con TypeScript.




JavaScript para Frontend
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.




Frontend con Angular
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender