En este curso de JavaScript para HTML aprenderemos a manipular documentos, eventos, estilos, ventanas y jQuery desde el navegador.
A lo largo de diez clases prácticas veremos cómo utilizar JavaScript dentro del navegador para interactuar con una página HTML. El objetivo será entender cómo se relacionan ambos lenguajes, cómo acceder a los elementos de una página y cómo modificar contenido, estilos y comportamiento desde código.
Empezaremos con una introducción a JavaScript en el contexto del desarrollo web. Aunque este lenguaje puede usarse en muchos entornos, en este curso nos centraremos en sus peculiaridades cuando trabaja junto a HTML dentro del navegador, especialmente a través de objetos como `document` y `window`.
Después analizaremos el objeto `document`, primero con sus propiedades y luego con sus métodos para acceder al HTML. Veremos cómo obtener información de formularios, etiquetas y elementos de la página usando métodos como `getElementsByTagName`, `getElementsByClassName` y otros accesos al DOM.
Una parte clave será `getElementById`, uno de los métodos más habituales para trabajar con elementos concretos. Aprenderemos por qué es tan útil, qué lo diferencia de otros métodos de selección y cómo usarlo en situaciones reales donde necesitamos leer o modificar una parte específica de la web.
Más adelante entraremos en los eventos, entendiendo cómo JavaScript puede ejecutar acciones cuando ocurre algo en la página: una carga completa, un clic, un cambio de valor o cualquier interacción del usuario. Esta parte nos ayudará a pasar de páginas estáticas a páginas que responden a lo que ocurre en el navegador.
También veremos la relación entre JavaScript y CSS, aprendiendo varias formas de modificar estilos desde código. Esto nos permitirá cambiar diseño, clases o propiedades visuales de forma dinámica, conectando estructura, comportamiento y presentación.
En la parte final trabajaremos con el objeto `window`, sus propiedades y métodos, incluyendo `window.open` para abrir ventanas o popups e intercambiar información. También exploraremos cómo generar una web desde JavaScript, separar código en archivos externos y cerrar el curso con una introducción a jQuery para simplificar selectores y reducir código repetitivo.
En definitiva, este curso es una guía práctica para entender cómo JavaScript controla el HTML en el navegador y construir páginas más dinámicas e interactivas. ¡Empezamos!