Explorando Nodos del DOM

1. **Window:** * "Window "es el objeto global en el navegador. Esto significa que todas las variables y funciones globales se convierten en propiedades y métodos de "window". * Incluye una amplia gama de métodos y propiedades para interactuar con la ventana del navegador, controlar el historial, gestionar temporizadores, y mucho más (`setTimeout`, `setInterval `). * Contiene sub-objetos o propiedades como `history`, `location`, `navigator `y uno de los más usados `document`. 2. **Document:** * Es una propiedad de window, que representa el documento HTML (árbol DOM) cargado en la ventana del navegador. * Proporciona métodos y propiedades para acceder y manipular elementos del DOM. Por ejemplo, `getElementById`, `querySelector`, `createElement`, `innerHTML`, entre otros.

No sabia nada de **console.dir()** asi que investigue esto, espero pueda servir para otro**:** **Objetivo** * El método `console.dir()` se usa para mostrar una representación interactiva de un objeto JavaScript en la consola del navegador. Esto te permite explorar el objeto de manera jerárquica, expandiendo y contrayendo las propiedades del objeto para ver más detalles. **¿Qué tipo de objetos se pueden visualizar?**: * Puedes usar `console.dir()` con **cualquier objeto** en JavaScript, no solo con el objeto `document` o los objetos nativos. Esto incluye objetos que tú mismo hayas creado, objetos nativos como `Array` o `Date`, y objetos del DOM. **¿Cómo se usa** `console.dir()`**?:** * Simplemente pasas el objeto que quieres inspeccionar como argumento al método `console.dir()`. Por ejemplo: ```js const persona = { nombre: 'Juan', edad: 30, direccion: { calle: 'Calle Falsa 123', ciudad: 'Ciudad Imaginaria' } }; console.dir(persona); ``` * Esto mostrará una vista interactiva de las propiedades del objeto `persona`, incluyendo su contenido anidado en `direccion`. **Diferencia con** `console.log()`: * Mientras que `console.log()` simplemente muestra una representación del objeto en la consola (que puede ser más compacta y menos interactiva), `console.dir()` te da una vista más detallada y navegable de las propiedades del objeto.

Si se pudiera resumir: window es el objeto global que representa la ventana del navegador. La pagina donde estas, ese es window. Con console.dir(window) y (document) podemos explorar en detalles las propiedades y metodos de los objetos de window, y de document.

"Window es todo lo que estoy viendo en esta ventana y el document (o el DOM) es \[...] el objeto que me da acceso para que yo a través de HTML y JavaScript pueda empezar a hacer manipulaciones y cambios en la información (creación de nodos, eliminación de nodos, clonación de nodos... y, lo más importante: la manipulación de estos mismos nodos." 

Buena clase

Ponen musica de fondo para estdiar esos cursos??