JavaScript
El lenguaje que hace que una página haga cosas: reaccionar a un clic, validar un formulario, traer datos sin recargar, mostrar un aviso.
✦Apagada: responde bien la pregunta del final para encenderla
También lo verás como: JS · JavaScript · TypeScript · TS
Analogía
Si HTML es el esqueleto y CSS la ropa, JavaScript son los músculos y los reflejos.
Por qué es el eje de este roadmap
- Es el único lenguaje que el navegador entiende. No hay alternativa en el lado cliente.
- Con Node.js también funciona en el servidor. Resultado: un solo idioma para todo el producto, en lugar de dos ecosistemas que aprender.
- Es el lenguaje con más código público del mundo, así que es el que la IA escribe mejor → menos errores cuando delegas.
Dos nombres que confunden
- TypeScript no es otro lenguaje: es JavaScript con etiquetas que avisan de errores antes de ejecutar ("aquí esperaba un número y le estás pasando texto"). Es lo estándar en proyectos profesionales (Fase 5).
- Java no tiene nada que ver con JavaScript. Coincidencia comercial de los años 90.
Un paso más: cómo es una instrucción
Mientras HTML y CSS describen, JavaScript decide y actúa. Leído en voz alta, casi se entiende:
if (pedido.total > 20000) {
mostrar("¡Envío gratis!")
}
"Si el total del pedido supera 20000, muestra el aviso." Eso es lo que lo convierte en un lenguaje de programación: tiene condiciones (si pasa esto, haz aquello), repeticiones y memoria (guarda valores con nombre).
Lo más habitual en una web es que espere a que pase algo —un clic, escribir en un campo— y entonces reaccione. Cada una de esas cosas que pasan es un evento (Fase 4).
Compruébalo tú
DevTools → pestaña Console. Escribe 2 + 2 y pulsa Enter. Después: alert("Hola"). Acabas de ejecutar JavaScript.
Al pulsar "Vegetariano", la carta oculta los platos con carne sin recargar la página. ¿Qué lenguaje lo hace?
Ver también
lenguaje de programación · framework · stack tecnológico · frontend