Nivel Intermedio
23 clases
3 horas de contenido
16 horas de práctica
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
Profes del curso
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.
Opiniones del curso
4.8 · 479 opiniones
Carlos Eduardo Magallon Zepeda
@eduardo-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
@alfredorodrigueztlachi·
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
@manumxrales943·
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
@xhrek·
Buen curso para iniciar con web Components, espero que llegue pronto el curso avanzado
@RikyCG·
Es un buen curso para iniciar el camino en Web Components, pero creo que falta hacer demostraciones mas complejas.
Jose Bismer Carvajal Alzate
@jose.carvajal603·
El tutor es excelente, los conceptos presentados durante el curso son claros y fáciles de entender
Edwar Sanchez
@edwar_sanchez·
Aprender que se pueden crear componentes sin la necesidad de librerias.
Hector Rodriguez
@hectorrodrig478·
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.
Ricardo Andres Perez Herrera
@kingdon34tr·
Excelente curso
@kevcb1988·
No tenia conocimientos sobre los Web Components y este curso me dejo con buenas bases :)
Cristobal Ignacio Carrion Flores
@Cristobal977·
,
Felipe Muñoz Caceres
@felipe_spriggan·
Excelente curso, cada clase se hizo mas entretenida y las explicaciones eran muy claras.
Francisco Serrato Jiménez
@fraserrato·
Excelente curso, contenido, explicación el profesor todo excelente.
Jose Valencia
@jvalencia.97.ramirez·
muy buen curso
Andres Felipe Bolaños Fernandez
@andresfer382·
Excelente curso, donde aprendes adominar y manejar mejor el DOM atraves de la consola de javascript
Mariano Monje
@mariano-monje·
Excelente curso!
Leonardo Moyano
@leonardo.moyano·
Buen curso
Johan Puentes
@johansebastianpuentespulido·
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.
Andrés Valencia
@andresV·
Pienso que es un curso indispensable antes de adentrarse en estudiar React u otras librerías similares
Jhonatan Elias Garcia Ortega
@holaelias·
Aprendes las bases de web components para poder desenvolverte con una libreria como Lit.
Lautaro Toledo
@lautaro.toledo·
curso
José Yesid López
@Joyelocode·
Muy buen curso y bien explicado
Danny González
@d2g3000·
Me pareció muy interesante el tema y me gusto mucho el curso.
DANIEL JARAMILLO BUSTAMANTE
@daniel.jb·
Perfect content. Clear and optimized. Very nice!
Matias Ezequiel Rivero
@matiasrvo·
Excelente curso!! el tema es muy interesante, muy recomendado, seguramente se le pueda dar mucho usos, hay que buscar como están implementados en distintas web. Muy recomendado, ahora cada cosa a construir analizar si conviene hacerlo con web components.
Martín Antonio Paniagua Velázquez
@martinpvz·
el profesor explica de manera clara y sin darle muchas vueltas
César Augusto Cortés Labrada
@cacortesl01·
El curso estuvo muy bueno. Excelente.
Joel Suarez
@thirty33·
Muy chevere el curso me encanto el contenido
@CyberGamebred·
Muy interesante el curso, necesitaba aprender esto para entender como funcionan los frameworks, y librerías de JS ya que ahí se utiliza este concepto como base.
Manuel Araujo
@ManuelAraujo81·
Curso bastante útil de muy fácil aplicación en cualquier proyecto.
Eleva tu aprendizaje
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>!
Ruta
Full Stack con Next.js
21 horas
2 Profes
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.
Ruta
TypeScript
10 horas
2 Profes
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.
Ruta
JavaScript para Backend
15 horas
3 Profes
Aprende a crear servidores escalables y seguros con Node.js. Integra bases de datos, autenticación y comunicación en tiempo real.
Ruta
Fundamentos de JavaScript
22 horas
5 Profes
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.
Ruta
JavaScript para Frontend
32 horas
4 Profes
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.
Ruta
Frontend con Angular
49 horas
1 Profe
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender