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
Certificado digital
¡Comparte tus logros con un certificado!
Cuando termines el curso tendrás acceso al certificado digital para compartirlo con tu familia, amigos, empleadores y la comunidad.
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 · 477 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
Cesar Francisco Zendejas Torres
@molanddise630·
Muy buen curso bien explicado por el profesor Diego
felipe ortiz landeros
@felort15·
Como todos los curso de este profesor siempre maravillosos
Edinson Parra Bahos
@edinsonparrabahos·
muy claro
javier hernan herrera
@estudiopenal2017·
excelente.
Daniel Andres Rojas Paredes
@Dantheman·
ESTA COOL
Gabriel Oswaldo Montoya Huamani
@GabrielMoHu·
el profesor es top
Luis Fernando Valladares Castro
@luisvalladaresc·
Uno de los mejores curso que he visto en Platzi. Pues a pesar de explicar un tema que puede llegar a parecer complejo, lo hace ver tan facil y accesible, ademas, su contenido es excelente y el profesor de 10 tambien.
Guillermo Rojas
@ingguillermorojas30·
Muy buen curso, con excelente profesor
Francisco Serrato Jiménez
@fraserrato·
Excelente curso, contenido, explicación el profesor todo excelente.
Andres Felipe Bolaños Fernandez
@andresfer382·
Excelente curso, donde aprendes adominar y manejar mejor el DOM atraves de la consola de javascript
Angello Andrés López Aguayo
@lopezaguayo·
Demasiado interesante y muy completo. Definitivamente este curso aporto mucho conocimiento a mi carrera en front-end. Gracias :)
Julio Cesar Martinez Daza
@julioDaza·
Lo mejor fue entender y obtener conocimientos solidos, el proyecto final es bueno, pero la carga cognitiva es abundante y suficiente para que vayas a LIT o Polymer o donde quieras con Webcomponents.
Jesus Heriberto Lara Juarez
@hlara9012·
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
Edith Mandujano
@EdithMandujano·
Excelente curso
Andrés Valencia
@andresV·
Pienso que es un curso indispensable antes de adentrarse en estudiar React u otras librerías similares
Axel Enrique Galeed Gutierrez
@galeedgutierrez·
Como siempre, Diego De Granda un gran profesor. Más cursos sobre web components, por favor.
Gilberto Santamaria
@Gilberto-S·
Sin duda algo claro, corto y conciso, muy bien explicado como siempre Diego
@diego-gilabert·
Excelente explicación de todos los temas, termina siendo muy claro
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.
Carlos Benito Chavez Loo
@CarlosChavez6020·
:D
Eleva tu aprendizaje
Complementa este curso con nuestras rutas de aprendizaje
Desarrollo Web
Aprende a crear sitios web y aplicaciones desde los fundamentos hasta ser un desarrollador full-stack y accede a las mejores oportunidades laborales globales.
Ruta
Full Stack Developer con JavaScript
59 horas
8 Profes
Conviértete en Full Stack Developer con JavaScript. Domina JavaScript, Node y React para tu primer gran empleo. Tu futuro en desarrollo web comienza aquí.
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
Laboratorios de Desarrollo Web
11 horas
6 Profes
Resuelve retos y proyectos avanzados para demostrar tus habilidades y conocimientos con todo lo que aprendiste en la Escuela de Desarrollo Web.
Ruta
Python: De Cero a Experto
53 horas
10 Profes
Explora la programación con cursos de Python, de cero a frameworks avanzados. Construye proyectos backend y domina el lenguaje más usado.
Ruta
Frontend con Vue.js
52 horas
8 Profes
Vue.js es un primer gran framework frontend para aprender gracias a su suave curva de aprendizaje y fuerte presencia en la comunidad de JavaScript.
Ruta
Backend con Node.js
72 horas
8 Profes
Especialízate en JavaScript con Node.js para crear proyectos backend a alta velocidad usando herramientas avanzadas para escalar y monitorear aplicaciones web.
Ruta
Backend, Arquitectura y Bases de Datos
73 horas
15 Profes
Aprende los fundamentos para desarrollar el backend de cualquier sistema basado en software, bases de datos y arquitecturas de servidores altamente escalables.
Ruta
Backend con PHP
69 horas
4 Profes
Aprende a desarrollar con los mejores cursos de PHP, Laravel y Symfony para todo tipo de proyectos web: desde páginas y blogs, hasta tiendas y aplicaciones altamente escalables.
Ruta
Especialización en Accesibilidad Web
59 horas
19 Profes
Aprende las mejores prácticas de usabilidad, inclusión y accesibilidad para diseñar y desarrollar aplicaciones web fáciles de usar.
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
Technical Writing
35 horas
11 Profes
Aprende technical writing para documentar procesos complejos de funcionamiento del software y transformarlos en información accesible para el público.
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.
Ruta
Backend con Java
38 horas
9 Profes
Aprende desarrollo backend con Java, uno de los lenguaje de programación con mayor demanda laboral, utilizada una amplia gama de aplicaciones y plataformas.
Ruta
Seguridad Informática para Web Developers
59 horas
12 Profes
Aprende los fundamentos de ciberseguridad para implementar flujos modernos de autenticación y estándares como OWASP en tus proyectos de frontend y backend.
Ruta
QA y Automatización de Pruebas
35 horas
6 Profes
Desarrolla diferentes tipos de pruebas para asegurar la calidad de tu software. Domina la automatización de pruebas con herramientas como Cypress y Puppeteer.
Ruta
Inteligencia Artificial para Developers
19 horas
12 Profes
Crea aplicaciones basadas en inteligencia artificial. Conozca las herramientas, los productos y los servicios para crear soluciones innovadoras.
Ruta
Fundamentos de Programación y Desarrollo Web
36 horas
12 Profes
Conoce más sobre computación básica y pensamiento lógico y programación orientada a desarrollo web.
Ruta
Full Stack con WordPress
49 horas
10 Profes
Desarrolla blogs y tiendas online usando WordPress, el motor de más de 500 millones de aplicaciones web en internet.
Ruta
HTML y CSS desde cero
54 horas
8 Profes
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
Ruta
Frontend con React.js
34 horas
7 Profes
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender