Lección 01: Introducción a JavaScript
🧠 Concepto
Section titled “🧠 Concepto”JavaScript es un lenguaje de programación de alto nivel, interpretado y multiparadigma. Es conocido como “el lenguaje de la web” porque es el único lenguaje que entienden los navegadores de forma nativa.
Historia breve
Section titled “Historia breve”JavaScript fue creado por Brendan Eich en 1995 mientras trabajaba en Netscape. Originalmente se llamó Mocha, luego LiveScript y finalmente JavaScript. No confundir con Java — son lenguajes completamente distintos. JavaScript se estandarizó bajo el nombre ECMAScript (ES). Versiones importantes incluyen ES5 (2009), ES6/ES2015 (gran actualización) y versiones anuales desde entonces.
¿Dónde se usa JavaScript?
Section titled “¿Dónde se usa JavaScript?”- Navegadores web: interactividad, animaciones, formularios dinámicos.
- Servidores (Node.js): backend, APIs REST, aplicaciones de tiempo real.
- Aplicaciones móviles: React Native, Ionic.
- Aplicaciones de escritorio: Electron (VS Code, Discord, Slack).
- IoT y robótica: Johnny-Five, Espruino.
- Machine Learning: TensorFlow.js.
Ecosistema
Section titled “Ecosistema”JavaScript tiene un ecosistema increíblemente grande: npm (el registro de paquetes más grande del mundo), frameworks como React, Vue, Angular, herramientas como Webpack, Babel, ESLint, y muchísimo más.
💻 Ejemplo
Section titled “💻 Ejemplo”Un ejemplo clásico de JavaScript incrustado en HTML:
<!DOCTYPE html><html><head> <title>Mi primer JavaScript</title></head><body> <h1>Hola Mundo</h1> <button onclick="alert('¡Haz hecho clic!')">Haz clic aquí</button> <script> console.log('Este mensaje aparece en la consola del navegador'); </script></body></html>En Node.js (lado del servidor):
console.log('¡JavaScript funciona fuera del navegador!');📝 Ejercicio
Section titled “📝 Ejercicio”- Abre tu navegador (Chrome, Edge o Firefox).
- Presiona F12 para abrir las herramientas de desarrollador.
- Ve a la pestaña Consola (Console).
- Escribe lo siguiente y presiona Enter:
console.log('Aprendiendo JavaScript') - ¿Qué ves en la consola?
⚠️ Nota
Section titled “⚠️ Nota”No confundas Java con JavaScript. Son como “caballo” y “caballito de mar” — nombres parecidos pero realidades totalmente diferentes. Java es compilado y orientado a objetos clásico; JavaScript es interpretado y basado en prototipos.
La consola del navegador (F12 > Console) será tu mejor amiga durante este curso. Úsala para probar pequeños fragmentos de código sin necesidad de crear archivos. Es como un cuaderno de pruebas instantáneo.