Learn JavaScriptIntroducción a JavaScript
¡Bienvenido al manual de JavaScript! Soy Juno, y me encanta enseñar este tema. El HTML le da estructura a una página y el CSS le da apariencia, y JavaScript es lo que hace que realmente funcione: que responda a un clic, que actualice la página, que traiga datos nuevos.
Vamos a empezar desde la primera línea de código y a construir todo poco a poco, una idea a la vez. No necesitas experiencia previa, y nunca hay nada aquí demasiado básico como para preguntar.
Avanza a tu propio ritmo, ¡y llegaremos juntos!
Este manual es para cualquiera que esté aprendiendo a programar para la web. JavaScript es el lenguaje que corre en todos los navegadores, y es lo que convierte una página estática en algo que reacciona: responde cuando haces clic en un botón, valida un formulario antes de enviarlo, actualiza una parte de la página sin recargarla, y trae datos nuevos desde un servidor. HTML define qué hay en la página y CSS define cómo se ve; JavaScript define qué hace. Una aclaración rápida sobre dos términos que vas a ver todo el tiempo: un valor es un dato individual, como el número 42 o el texto "hola", y una variable es un nombre que le das a un valor para poder usarlo después. Cada concepto aquí está desarrollado por completo, con profundidad, ejemplos y algo que puedas buscar cuando necesites una respuesta rápida.
No necesitas ninguna experiencia previa en programación para empezar. Si ya escribiste algo de HTML, tienes más que suficiente, y todo lo demás se va explicando a medida que aparece. JavaScript es donde la mayoría de los desarrolladores web aprenden a programar de verdad por primera vez, porque es el único lenguaje que el navegador ejecuta directamente.
El manual avanza desde la base. Vas a aprender a guardar y cambiar valores, a tomar decisiones y repetir tareas, a organizar el código en funciones, a guardar colecciones de datos en arreglos y objetos, y luego a acceder a una página web para leerla y modificarla, responder a lo que hace el usuario, y cargar datos sin recargar la página. Cada idea es pequeña por sí sola, y juntas forman páginas que realmente hacen algo.
El enfoque aquí es explicar qué hace cada parte de JavaScript y por qué, no solo qué escribir. Cualquiera puede copiar un fragmento de código y verlo funcionar una vez. Lo que separa eso de escribir código que puedas leer, en el que puedas confiar y que puedas modificar seis meses después, es entender qué está haciendo realmente el lenguaje cuando se ejecuta. Ese entendimiento es lo que perdura más allá de cualquier proyecto puntual.
Una nota sobre el alcance de este manual, para que sepas qué es y qué no es. JavaScript es un lenguaje enorme, y ningún conjunto de documentación lo cubre por completo. Lo que vas a aprender aquí es la base: el núcleo al que vas a recurrir en casi todo el código JavaScript que escribas, desde tu primer script hasta una aplicación real. Llega hasta la carga de datos desde un servidor, que es donde muchas introducciones se detienen. Más allá de eso están las herramientas y librerías construidas sobre estos mismos fundamentos: frameworks como React, ejecutar JavaScript fuera del navegador con Node, agregar tipos con TypeScript. Si tienes la base sólida, el resto es una subida mucho más corta.
Conoce a tus guías
Este manual tiene tres guías, y tú eliges cuál te va a acompañar. El material es el mismo para todos; tu guía define el tono en el que se cuenta, y en las páginas que se adaptan, qué tan a fondo se trata cada sección.
Cambia de guía cuando quieras desde el selector en la parte superior de cualquier página, o abre Preferencias en la esquina inferior derecha para cambiar tu guía, idioma o tamaño de letra.
Cuando estés listo, el manual arranca en serio. El siguiente capítulo, Qué es JavaScript, explica qué es realmente JavaScript, dónde corre, y cómo se relaciona con el HTML y el CSS que ya conoces.
¿Prefieres aprender construyendo?El curso gratuito de 9 horas de JavaScript de Scrimba te lleva a construir un contador de pasajeros, un juego de Blackjack, una extensión de Chrome y una app móvil, con desafíos interactivos en todo el recorrido.