-A single page of exercises for manipulating the Javascript Document Object Model (DOM).
-It is a responsive design. Made with HTML, CSS and JavaScript
-Refactored and adapted to me from Professor Jon Mircha's . With him I learn a lot. Thanks Jon!.
- 1: Create a menu-hamburger.
- 2: Create section 1: Digital clock and Sound alarm.
- 3: Create section 2: Keyboard Events.
- 4: Create section 3: Countdown to new day.
- 5: Create button-scroll and button-theme
- 6: Create section 4: Responsive with Javascript
- 7: Create section 5: Responsive Tester
- 8: Create section 6: Device Detection(User Agent)
- 9: Create section 7: Network detection
- 10: Create section 8: Webcam detection
- 11: Create section 9: Geolocation detection
- 12 : Create section 10: Search Filters
- 13: Create section 11: Digital Giveaway
- 14: Create section 12: Responsive Slider
- 15: Create ScrollSpy with Intersection Observer
- Events delegation
- Type module
- API local Storage
- RM Design
-Una sola página de ejercicios para manipular el modelo de objeto de documento (DOM) de Javascript.
-Es un diseño responsivo. Hecho con HTML, CSS y Javascript.
-Refactorizado y adaptado a mi del curso del profesor Jon Mircha. Con quien se aprende mucho. Gracias Jon!.
- 1: Crear el menu-hamburguesa.
- 2: Crear seccion 1: Relog digital y Alarma sonora.
- 3: Crear seccion 2: Eventos de teclado.
- 4: Crear seccion 3: Cuenta regresiva a año nuevo.
- 5: Crear el boton-scroll y el boton cambio de tema.
- 6: Crear seccion 4: Responsive con Javascript
- 7: Crear seccion 5: Responsive Tester
- 8: Crear seccion 6: Deteccion de dispositivos(User Agent)
- 9: Crear seccion 7: Deteccion de conexion de red
- 10: Crear seccion 8: Deteccion de camara web
- 11: Crear seccion 9: Deteccion de geolocalizacion
- 12 : Crear seccion 10: Filtros de búsqueda
- 13 : Crear seccion 11: Sorteo Digital
- 14 : Crear seccion 12: Carrusel de Imagenes
- 15 : Crear ScrollSpy con Intersection Observer
- Delegacion de eventos
- type module
- API local Storage
- RM Design