Introducción
¡Bienvenido al manual de JavaScript! Soy Juno y me encanta enseñar esto. HTML le da estructura a una página y CSS le da un aspecto, y JavaScript es lo que hace que realmente haga cosas: responda a un clic, actualice la página, cargue nuevos datos.
Comenzaremos desde la primera línea de código y construiremos lentamente, una idea a la vez. No se requiere experiencia previa, y aquí nunca nada es demasiado básico para preguntar.
¡Tómate tu tiempo y llegaremos juntos!
Este manual es para cualquier persona que aprenda a programar para la web. JavaScript es el lenguaje que se ejecuta 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, verifica un formulario antes de enviarlo, actualiza parte de la página sin recargar, y obtiene datos frescos de un servidor. HTML dice qué hay en la página y CSS dice cómo se ve; JavaScript dice qué hace. Una palabra rápida sobre dos términos que verás en todo momento: un valor es una sola pieza de datos, 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á escrito completamente, con profundidad, ejemplos, y algo para buscar siempre que necesites una respuesta rápida.
No necesitas ninguna experiencia previa en programación para comenzar. Si has escrito un poco de HTML, tienes más que suficiente, y todo lo demás se introduce conforme aparece. JavaScript es donde la mayoría de desarrolladores web aprenden a programar realmente, porque es el único lenguaje que el navegador ejecuta directamente.
El manual avanza desde la base hacia arriba. Aprenderás a almacenar y cambiar valores, a tomar decisiones y repetir trabajo, a organizar código en funciones, a mantener colecciones de datos en arrays y objetos, y luego a acceder a una página web para leerla y cambiarla, responder a lo que el usuario hace, y cargar datos sin actualizar la página. Cada idea es pequeña por sí sola, y se apilan en páginas que realmente hacen algo.
El enfoque aquí es explicar qué hace cada pieza de JavaScript y por qué, no solo qué escribir. Cualquiera puede copiar un fragmento y verlo ejecutarse una vez. La distancia entre eso y escribir código que puedas leer, en el que confíes, y que puedas cambiar 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 único.
Una palabra sobre alcance, para que sepas qué es este manual y qué no es. JavaScript es un lenguaje grande, y ningún conjunto de documentos lo cubre todo. Lo que aprenderás aquí es la base: el núcleo al que recurres en casi cada pieza de JavaScript que escribes, desde tu primer script hasta una aplicación real. Va hasta cargar datos de un servidor, que es donde muchas introducciones se detienen. Más allá hay herramientas y librerías construidas sobre los mismos fundamentos, marcos como React, ejecutar JavaScript fuera del navegador con Node, agregar tipos con TypeScript. Solidifica la base y el resto es un viaje mucho más corto.
Conoce a tus guías
Este manual está alojado por tres guías, y tú eliges cuál te muestra alrededor. El material es el mismo para todos; tu guía establece la voz en la que se cuenta, y en las páginas que se adaptan, qué tan profunda es cada sección.
- Juno enseña la pista para principiantes: cálida y paciente, analogías simples, nada asumido.
- Ace enseña la pista intermedia: práctica y construcción primero, directo a lo que realmente haces.
- Sol enseña la Deep Dive: el mecanismo, los compromisos, y los detalles de producción que todos los demás omiten.
Cambia de guía en cualquier momento desde el selector en la parte superior de cualquier página, u abre Preferences en la parte inferior derecha para cambiar tu guía, idioma o tamaño de fuente.
Cuando estés listo, el manual comienza en serio. El siguiente capítulo, What is JavaScript, cubre qué es realmente JavaScript, dónde se ejecuta, y cómo se ajusta junto al HTML y CSS que ya conoces.
¿Prefieres aprender construyendo?El curso gratuito de JavaScript de 9 horas de Scrimba construye un contador de pasajeros, un juego de Blackjack, una extensión de Chrome, y una aplicación móvil, con desafíos interactivos en todo momento.