Compilador y playground de JavaScript en línea

Tu sandbox privado de JavaScript. Tu código se queda en tu navegador y nunca sale de tu dispositivo. ¡Aprende, prueba, prototipa!

Salida:

La salida aparecerá aquí...

Compartir y aprender

  • Compartir de forma segura - Comparte código usando enlaces con tiempo limitado y protección con contraseña opcional.
  • Explicaciones de IA - Un asistente de IA que explica cómo funciona el código, facilitando el aprendizaje y la comprensión.
  • Revisión de código con IA - Un asistente de IA revisa el código para detectar errores, mejorar la legibilidad y proponer mejoras.

Sobre JavaScript

JavaScript es el lenguaje de programación de la web. Es un lenguaje versátil y de alto nivel que se ejecuta en navegadores y permite páginas web interactivas. Con frameworks modernos, JavaScript se usa para construir aplicaciones ricas e interactivas.

¿Por qué JavaScript?

  • Universal - Funciona en todos los navegadores sin instalación
  • Versátil - Desarrollo frontend, backend, móvil y de escritorio
  • Ecosistema rico - npm tiene el registro de paquetes más grande del mundo
  • Orientado a eventos - Perfecto para crear aplicaciones interactivas
  • Gran comunidad - Muchos recursos y apoyo de la comunidad

Casos de uso comunes

  • Páginas web interactivas
  • Aplicaciones de una sola página (React, Vue, Angular)
  • APIs y servicios web
  • Extensiones de navegador
  • Desarrollo de juegos
  • Visualización de datos

Ejemplo rápido

Aquí tienes un programa simple de JavaScript para empezar:

// Imprime Hola Mundo
console.log("¡Hola, mundo!");

// Variables y tipos de datos
const name = "JavaScript";
let version = "ES2024";
var isAwesome = true;

console.log(`${name} ${version} es genial: ${isAwesome}`);

// Arreglos y bucles
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(num => {
  console.log(`Número: ${num}`);
});

// Funciones
function greet(name) {
  return `¡Hola, ${name}!`;
}

console.log(greet("Desarrollador"));

Características de JavaScript

  • Tipado dinámico - Las variables pueden contener cualquier tipo de dato
  • Funciones de primera clase - Las funciones son objetos y se pueden pasar
  • Herencia prototípica - Los objetos heredan de otros objetos
  • Clausuras - Las funciones pueden acceder a variables del ámbito externo
  • Async/Await - Programación asíncrona moderna
  • Módulos - Sistema de módulos ES6 para organizar el código

JavaScript moderno (ES6+)

  • Arrow Functions
  • Template Literals
  • Destructuring
  • Spread/Rest Operators
  • Promises and Async/Await
  • Classes

Recursos de aprendizaje