kjdv91/cursodom

Bienvenido al repositorio del Curso de Manipulación del DOM. En este curso, estoy explorando las bases de la manipulación del Document Object Model (DOM) y aprendiendo a interactuar con él de manera efectiva utilizando tecnologías web como HTML, CSS y JavaScript.

CursoDOM

Bienvenido al repositorio del Curso de Manipulación del DOM. En este curso, estoy explorando las bases de la manipulación del Document Object Model (DOM) y aprendiendo a interactuar con él de manera efectiva utilizando tecnologías web como HTML, CSS y JavaScript.

Introducción al DOM y su importancia en el desarrollo web. Selección de elementos y navegación por el DOM. Modificación de contenido, atributos y estilos de elementos. Manipulación de eventos y respuesta a interacciones del usuario. Creación dinámica de elementos y estructuras HTML. Integración de la manipulación del DOM con bibliotecas y frameworks populares. En este repositorio encontrarás el código fuente de los ejemplos y proyectos prácticos presentados en el curso. Cada lección está organizada en una carpeta separada y contiene el código correspondiente, junto con explicaciones detalladas en forma de comentarios.

Resumen del proyecto #1

Este es un breve resumen de lo que hemos trabajado como parte del curso de manipulación del DOM. El objetivo principal de este proyecto fue actualizar el fondo del body de una página web mediante un evento de clic.

Resumen del proyecto #2

Descubre la magia de la manipulación del DOM con el evento "change" en nuestra emocionante aplicación de generación de colores RGB! En este proyecto, hemos utilizado la potencia del DOM (Modelo de Objetos del Documento) para crear una experiencia interactiva y visualmente cautivadora.

Al iniciar la aplicación, encontrarás una interfaz intuitiva con deslizadores para los valores de rojo, verde y azul. Cada deslizador está vinculado al evento "change", lo que significa que cualquier cambio que realices en ellos activará una actualización en tiempo real de los colores mostrados.

Resumen del proyecto #3

Este proyecto es un generador de citas aleatorias que muestra una cita aleatoria cada vez que el usuario hace clic en un botón. Utiliza HTML, CSS y JavaScript para crear una experiencia interactiva.

Características Muestra una cita aleatoria de una lista predefinida de citas. Actualiza la cita y el autor de forma dinámica sin recargar la página. Genera un índice aleatorio para seleccionar una cita al azar de la lista. Utiliza el evento "change" para activar el cambio de cita cuando se hace clic en el botón.

Tecnologías utilizadas

HTML: se ha utilizado para crear la estructura básica de la página web. CSS: se ha utilizado para estilizar la página y definir los estilos del fondo. JavaScript: se ha utilizado para manipular el DOM y agregar la funcionalidad de cambio de fondo al evento de clic.