The AI Reskilling Platform

Aprende cómo manipular el DOM con JavaScript

en 4Geeks

Paso a paso, ve sobre todos los conceptos y métodos del DOM: Usa Javascript para manipular los estilos de los elementos de HTML.
Course Report Badge 2025

Get Full Program Details

Apply below to receive the program overview by e-mail and choose how you'd like our admissions team to contact you.

By signing up, you agree to the Terms and Conditions and Privacy Policy

Aprenderás los siguientes conceptos:

  1. Aprenderás cómo seleccionar elementos de su sitio web.

  2. Manipularlos con JavaScript (cambiar estilos, agregar detectores de eventos).

  3. Eliminar elementos mediante programación.

  4. Cambiar todo tu sitio web sin refrescar la página.

¿Cómo están organizados los ejercicios?

Cada ejercicio es un pequeño sitio web de vanillajs que contiene los siguientes archivos:

  1. index.js: representa el archivo JavaScript de entrada que se ejecutará cuando se cargue el sitio web.
  2. index.html: representa la entrada HTML para el sitio web.
  3. style.css: los estilos de tu sitio web, deben importarse desde index.html
  4. README.md: contiene las instrucciones de los ejercicios.
  5. test.js: no tienes que abrir este archivo, contiene el script de test para el ejercicio.

Nota: Estos ejercicios tienen calificación automática. Los tests son muy rígidos y estrictos, mi recomendación es que no prestes demasiada atención a los tests y los uses solo como una sugerencia o podrías frustrarte.

Colaboradores

Gracias a estas personas maravillosas (emoji key):

  1. Alejandro Sanchez (alesanchezr), contribución: (programador) 💻, (idea) 🤔, (build-tests) ⚠️, (pull-request-review) 🤓, (build-tutorial) ✅ (documentación) 📖

  2. Paolo (plucodev), contribución: (bug reports) 🐛, (programador) 💻, (traducción) 🌎

Este proyecto sigue la especificación all-contributors. ¡Todas las contribuciones son bienvenidas!

Este y otros ejercicios son usados para aprender a programar por parte de los alumnos de 4Geeks Academy Coding Bootcamp realizado por Alejandro Sánchez y muchos otros contribuyentes. Conoce más sobre nuestros Cursos de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.