¿Qué es JavaScript y para qué sirve?

¿Qué es JavaScript?

JavaScript es un lenguaje de programación que fue creado en 1995 por Brendan Eich mientras trabajaba en Netscape Communications Corporation. Lo que comenzó como un lenguaje sencillo para agregar pequeñas interacciones a las páginas web, se ha convertido en uno de los lenguajes más utilizados y versátiles del mundo.

Cuando visitas una página web y ves animaciones, menús desplegables, formularios que se validan en tiempo real, o botones que cambian de color al pasar el cursor, probablemente estés viendo JavaScript en acción.

"JavaScript es el lenguaje de la web. Si quieres crear sitios web modernos e interactivos, aprender JavaScript no es opcional, es esencial." — Chris Coyier, CSS-Tricks

La triple función de JavaScript

JavaScript puede ejecutarse en tres entornos diferentes:

¿Para qué sirve JavaScript?

JavaScript tiene múltiples aplicaciones en el desarrollo moderno. Veamos las más importantes:

1. Manipulación del DOM

El DOM (Document Object Model) es la representación estructurada del documento HTML. JavaScript permite modificar este DOM en tiempo real, cambiando el contenido, estilo y estructura de una página sin necesidad de recargarla.

// Cambiar el texto de un elemento
document.getElementById('titulo').textContent = '¡Hola, JavaScript!';

// Agregar un nuevo elemento al final de una lista
const lista = document.getElementById('menu');
const nuevoItem = document.createElement('li');
nuevoItem.textContent = 'Contacto';
lista.appendChild(nuevoItem);

2. Validación de formularios

Antes de que los datos de un formulario se envíen al servidor, JavaScript puede verificar que todos los campos obligatorios estén completos y que los datos tengan el formato correcto.

3. Animaciones y transiciones

JavaScript, especialmente con bibliotecas como GSAP o Anime.js, permite crear animaciones complejas que serían imposibles o muy difíciles con CSS puro.

4. Aplicaciones de una sola página (SPA)

Frameworks como React, Vue y Angular utilizan JavaScript para crear aplicaciones web que se sienten como aplicaciones de escritorio, sin necesidad de recargar la página.

5. Desarrollo backend

Con Node.js, puedes usar JavaScript para crear servidores, bases de datos, APIs y aplicaciones que se ejecutan fuera del navegador. Empresas como Netflix, Uber y LinkedIn utilizan Node.js en producción.

Características fundamentales de JavaScript

Comprender estas características te ayudará a entender por qué JavaScript funciona como funciona:

1. Interpretado: JavaScript no necesita compilación. El navegador lee y ejecuta el código línea por línea, lo que hace el desarrollo más rápido y permite la evaluación dinámica de código.
2. Dinámicamente tipado: No necesitas declarar el tipo de dato de una variable. JavaScript lo infiere automáticamente.
3. Orientado a objetos: Utiliza prototipos en lugar de clases tradicionales (aunque desde ES6 también soporta la palabra clave class).
4. Multiparadigma: Soporta programación imperativa, orientada a objetos y programación funcional.
5. First-class functions: Las funciones son "ciudadanos de primera clase", lo que significa que pueden asignarse a variables, pasarse como argumentos y retornarse desde otras funciones.

¿Cómo se integra JavaScript con HTML?

Hay tres formas principales de incluir JavaScript en una página web:

<!-- Método 1: Script embebido (directo en HTML) -->
<script>
  console.log('¡Hola desde JavaScript!');
</script>

<!-- Método 2: Archivo externo -->
<script src="js/app.js"></script>

<!-- Método 3: Inline (atributo HTML) -->
<button onclick="alert('¡Clic!')">Haz clic</button>

El ecosistema JavaScript

JavaScript tiene un ecosistema extremadamente rico con miles de bibliotecas y frameworks:

Tu primer código JavaScript

Antes de avanzar, veamos cómo se ve JavaScript en acción. El siguiente código muestra cómo crear una variable y mostrarla en la consola del navegador:

// Declaración de variables
let nombre = 'María';
let edad = 28;
let esDesarrolladora = true;

// Mostrar en consola
console.log('Hola, mi nombre es', nombre);
console.log('Tengo', edad, 'años');

// Condicional simple
if (esDesarrolladora) {
  console.log('¡Bienvenida al mundo del código!');
}

Limitaciones y consideraciones

Aunque JavaScript es poderoso, tiene algunas limitaciones importantes que debes conocer:

• Seguridad: El código JavaScript se ejecuta en el navegador del usuario, lo que significa que puede ser leído y modificado por cualquier persona. Nunca guardes información sensible solo en el lado del cliente.
• Compatibilidad: No todos los navegadores soportan las últimas características de JavaScript. Herramientas como Babel permiten "transpilar" código moderno a versiones más antiguas.
• Rendimiento: JavaScript es单线程, lo que significa que ejecuta una tarea a la vez. Para operaciones muy pesadas, existen Web Workers que permiten ejecutar código en paralelo.

Resumen de la lección

En esta lección hemos aprendido que:

1. JavaScript es un lenguaje de programación interpretado creado en 1995 por Brendan Eich.
2. Es el lenguaje de la web y funciona en navegadores, servidores y aplicaciones móviles.
3. Permite crear interactividad, validar formularios, manipular el DOM y construir aplicaciones complejas.
4. Con Node.js, JavaScript puede ejecutarse en el servidor, haciendo posible el desarrollo full-stack.
5. El ecosistema JavaScript es enorme con frameworks y bibliotecas para casi cualquier propósito.