Compilador on-line e playground JavaScript

Sua sandbox JavaScript privada. Seu código permanece no seu navegador e nunca sai do seu dispositivo. Aprenda, teste, prototipe!

Saída:

A saída aparecerá aqui...

Compartilhe e aprenda

  • Compartilhe com segurança - Compartilhe código usando links com tempo limitado e proteção de senha opcional
  • Explicações de IA - Um assistente de IA que explica como o código funciona, facilitando o aprendizado e a compreensão
  • Revisão de código de IA - Um assistente de revisão de código de IA que analisa seu código em busca de bugs, legibilidade e possíveis melhorias

Sobre JavaScript

JavaScript é a linguagem de programação da web. É uma linguagem versátil e de alto nível que roda em navegadores e permite páginas da web interativas. Com estruturas modernas, o JavaScript é usado para construir aplicativos ricos e interativos.

Por que JavaScript?

  • Universal - Funciona em todos os navegadores da web sem instalação
  • Versátil - Desenvolvimento de front-end, back-end, dispositivos móveis e desktop
  • Ecossistema Rico - npm tem o maior registro de pacotes do mundo
  • Direcionado a eventos - Perfeito para criar aplicativos interativos
  • Grande comunidade - Amplos recursos e suporte comunitário

Casos de uso comuns

  • Páginas da Web interativas
  • Aplicativos de página única (React, Vue, Angular)
  • APIs e serviços da Web
  • Extensões de navegador
  • Desenvolvimento de jogos
  • Visualização de dados

Exemplo de início rápido

Aqui está um programa JavaScript simples para você começar:

// Print Hello World
console.log("Hello, World!");

// Variables and data types
const name = "JavaScript";
let version = "ES2024";
var isAwesome = true;

console.log(`${name} ${version} is awesome: ${isAwesome}`);

// Arrays and loops
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(num => {
  console.log(`Number: ${num}`);
});

// Functions
function greet(name) {
  return `Hello, ${name}!`;
}

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

Recursos JavaScript

  • Digitação Dinâmica - Variáveis ​​podem conter qualquer tipo de dados
  • Funções de primeira classe - Funções são objetos e podem ser transmitidas
  • Herança prototípica - Objetos herdam de outros objetos
  • Closures - Funções podem acessar variáveis ​​de escopo externo
  • Async/Await - Programação assíncrona moderna
  • Módulos - Sistema de módulos ES6 para organização de código

JavaScript moderno (ES6+)

  • Funções de seta
  • Literais de modelo
  • Desestruturação
  • Operadores de spread/repouso
  • Promessas e Async/Await
  • Aulas

Recursos de aprendizagem

  • Documentos da Web MDN