Nivel Intermedio
28 clases
4 horas de contenido
12 horas de práctica
Manipula el DOM con JavaScript: selecciona, crea, edita o elimina elementos, cambia estilos, gestiona eventos, valida formularios y usa localStorage para interfaces web dinámicas y persistentes.
Seleccionando y Accesando a Elementos del DOM
Manipulando Elementos del DOM
- 6
Atributos y Propiedades en HTML y su Manipulación con JavaScript
07:39 min - 7
Modificar texto en HTML con JavaScript
04:50 min - 8
Modificar Estilos CSS con JavaScript: Propiedad Style y ClassName
11:30 min - 9
Uso de classList para Manipular Clases en Elementos HTML
07:38 min - 10
Manipulación del DOM con innerHTML e InsertAdjacentHTML
09:47 min - 11
Agregar elementos HTML sin reemplazar contenido existente
05:18 min - 12
Creación y Manipulación de Elementos DOM con createElement
13:28 min - 13
Eliminar Elementos del DOM con JavaScript: Métodos y Ejemplos
05:43 min - 14
Clonación y Reemplazo de Elementos en JavaScript
12:47 min
Manipulando Eventos en el DOM
- 15
Eventos y Flujo en Programación Web: Capturing y Bubbling
05:03 min - 16
Manejo de Eventos en JavaScript: click, mouseOver y mouseOut
11:46 min - 17
Manipulación de Eventos en JavaScript para Interacción de Elementos
07:35 min - 18
Validación de Formularios con JavaScript: Prevenir Comportamiento por Defecto
10:06 min - 19
Delegation Pattern en JavaScript: Mejora de Eventos Click en Listas
09:30 min
Creando un Administrador de Tareas
- 20
Creación de un Task Manager con Persistencia usando Local Storage
09:01 min - 21
Interactividad en Botones de Tareas: Borrar y Editar en JavaScript
13:37 min - 22
Persistencia de Datos con Local Storage en Tareas Web
15:17 min - 23
Guardado y edición de tareas en local storage con JavaScript
10:59 min - 24
Manejo de Errores en Local Storage para Tareas Dinámicas
03:24 min - 25
Cambio de Tema Dinámico y Persistente en Aplicaciones Web
07:18 min - 26
Creación de Páginas Web Dinámicas con JavaScript
01:28 min
Asincronía en JavaScript
Profes del curso
Conoce quién enseña el curso
Diego De Granda
Head of Education en Platzi
👨🏫 Google Developer Expert
🖥️ Chief Technology Officer at Besage.ai
👨💻 Experto en JavaScript y Web Components
software y recursos necesarios
- Terminal y línea de comandos.
- VSCode
Opiniones del curso
4.7 · 265 opiniones
FREDDY ANDRES LEMUS BARRERA
@fredix·
Excelente curso, Para cuando la segunda parte ?. Sobre las API del navegador, localizacion, animacion CSS desde el API del navegador. Componentes con JavaScript.
ef chazam
@creandocontenido09·
Fue explicando bien y con calma las primeras clases, en las últimas clases ya había código creado que hubiera sido bueno repasarlo antes de seguir editando las tasks.
Matias Ezequiel Rivero
@matiasrvo·
Me parece que ha quedado medio cortado, y parece como si el profe estuviera copiando el código de otro lado, perdiendo la fluidez de escribirlo en el momento de ir abordando las funciones correspondientes del proyecto. Recomendado siempre hay cosas nuevas que uno puede incorporar.
Antonio Mesa Casares
@cybermito·
Este curso lo hice como actualización, pero la mitad de las clases están incompletas, el proyecto final que se hace salta de un punto a otro y se deja parte del proyecto sin terminar. Creo que se debería repasar este curso si es una actualización al anterior.
Amaury Himilqueo
@amauryhimilqueo·
¡El DOM es como un superpoder! 🤩 De repente, todo el HTML se convierte en objetos que puedo mover, cambiar y crear con JavaScript. ¡Es la clave para hacer que las páginas web sean realmente interactivas y dinámicas!"
Alan Suástegui Vázquez
@asuastegui·
Excelente curso
Andres Felipe Hernandez Restrepo
@ahernandezfe·
el conocimiento del profesor es evidente
Carla Mendía Díaz
@carlamendadaz·
excelente curso
César Januario Marín Ortuño
@cm460v·
Excelente
Jorge Luis Salazar Pérez
@jsalazarlu1·
Muy buen contenido, aunque desearía que no fuera tan largo, sino que fuera mas básico y de pronto con mas ejemplos.
Jesús barrios
@jbarriosda·
Excelente curso
Renzo Avila
@avila.ws·
Excelente docente y curso se aprende demasiado , pero recomendación ver que curso debes ver antes para asi puedan llevar el hilo del curso
Juan Daniel Sierra De Arco
@juandanieljdsda10·
Actualizado algunas clases y completado el contenido de otras. Por ejemplo, en las clases 20 y 21 ya aparece código previamente creado, lo que puede generar cierta dificultad para mantener la misma lógica y dar continuidad al proyecto.
Camila Esmeralda Molina Pineda
@CamilaMoPin·
¡Me encantó! El curso fue fácil de seguir en la práctica y las explicaciones fueron fáciles de entender. Super recomendado ✨🤩
Mariangel Daniela Flores Rangel
@mariangelflores.0508·
el profesor explica muy bien, una pequeña observación que puedo hacer es que le tema de el LocalStore podría estar un poco mejor explicado, pero en general el curso es genial
Esaú Maximino
@max23esau·
Excelente curso, solo habria que mejorar el como se suben los recursos al repositorio de github para mayor facilidad al consultarlo
JYCC CONSULTORES
@camilo538·
Muy claro y las notas de apoyo son buenísimas.
Andres Salinas
@kiusaki92·
gracias por todo profe a pesar q me cuestan las cosas e aprendido mucho
Mauricio Gonzalo Aliendre Pérez
@Maps182·
Excelente curso, ayuda no solo al que aspira a ser un FE developer, sino también a un QA Automation
Ricardo Cortes
@rickycortes668668·
Diego es un muy buen profesor! me encanta los cursos que imparte y lo bien que explica
Jorge Leonel Muñoz Tehuitzil
@geomunioz·
Aprende e implementa manipulación del DOM de manera clara.
Johanna Marcela Orjuela Flórez
@johannamorjuela·
Profe sabe explicar bien y tiene buen dominio del tema
Cristhian Alexis Vera Sandoval
@GaryDark·
Fue la explicación del manejo del DOM y como se puede utilizar JS
Luis Escobedo
@horus400·
Excelente explicación del profesor!
Israel Medina Arroyave
@isrameve·
Es un curso muy completo. Recomiendo que intenten hacer los ejercicios ante que Diego los realice... Ayuda mucho a la retención de la información
Carlos Medina
@CarlosMedina·
Un excelente curso, esta recomendado.
Juan Felipe Ramírez Duque
@juanfe84·
Un grandioso curso para aprender los métodos mas importantes para manipular el DOM y poder crear una mejor experiencia para los usuarios. El profesor explica con detalle y hace muy amena la clase.
Orlando Villegas Bello
@ovillegas0317·
Excelente curso y un buen profesor.
diego andres rodriguez escalante
@dare.132715·
aunque e comieron un video diego es na maquina para enseñar gracias
Valentina Ramírez
@wavival·
¡Excelente!
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
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.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender