Guia de JavaScript para Iniciantes
1. Introdução ao JavaScript
JavaScript (JS) é uma linguagem de programação de alto nível, interpretada e
multiparadigma, conhecida por ser a linguagem da web. Criada em 1995 por Brendan Eich,
inicialmente para adicionar interatividade a páginas HTML, JavaScript evoluiu
drasticamente e hoje é utilizada em desenvolvimento front-end (com frameworks como
React, Angular, [Link]), back-end (com [Link], Deno, Bun), desenvolvimento mobile (React
Native, Ionic), desktop (Electron) e até mesmo em IoT e inteligência artificial 1 . Sua
flexibilidade e a vasta comunidade a tornam uma ferramenta poderosa para
desenvolvedores.
2. Configuração do Ambiente
Para desenvolver com JavaScript, você precisará de um navegador web (para front-end) e
um ambiente de execução (runtime) para back-end ou scripts fora do navegador.
2.1. Navegador Web
Todos os navegadores modernos (Chrome, Firefox, Edge, Safari) vêm com um motor
JavaScript embutido, permitindo que você execute código JS diretamente nas páginas
HTML.
2.2. Ambientes de Execução (Runtimes)
Para executar JavaScript fora do navegador, os runtimes mais populares são:
• [Link]: O runtime JavaScript mais estabelecido, conhecido por seu modelo de I/O não
bloqueante e assíncrono. Possui um vasto ecossistema de pacotes via npm.
• Deno: Criado pelo mesmo autor do [Link], Deno oferece uma experiência de
desenvolvimento mais segura e moderna, com TypeScript embutido e APIs web nativas.
• Bun: Um runtime JavaScript e toolkit "all-in-one" que promete ser extremamente
rápido, com foco em performance e compatibilidade com [Link] e Deno 2 .
2.3. Editor de Código
• Visual Studio Code (VS Code): O editor de código mais popular para JavaScript, com
excelente suporte a TypeScript, depuração e uma vasta gama de extensões.
3. Sintaxe Básica e Primeiros Passos
3.1. Olá, Mundo!
No navegador (em um arquivo .html ):
HTML
<!DOCTYPE html>
<html>
<body>
<script>
[Link]("Olá, Mundo!");
</script>
</body>
</html>
No [Link]/Deno/Bun (em um arquivo .js ):
JavaScript
[Link]("Olá, Mundo!");
Para executar o arquivo .js com [Link]:
Bash
node seu_arquivo.js
3.2. Comentários
JavaScript
// Este é um comentário de linha única
/*
Este é um comentário
de múltiplas linhas
*/
3.3. Variáveis
JavaScript é uma linguagem de tipagem dinâmica. Variáveis podem ser declaradas com
var , let ou const .
• var : Declara uma variável com escopo de função (evitar em código moderno).
• let : Declara uma variável com escopo de bloco (preferível para variáveis que mudam).
• const : Declara uma constante com escopo de bloco (preferível para valores que não
mudam).
JavaScript
let nome = "Alice";
const idade = 30;
var preco = 25.50; // Evitar usar var
4. Tipos de Dados Fundamentais
JavaScript possui tipos de dados primitivos e tipos de objetos.
Tipo de Dado Descrição Exemplo
string Cadeias de caracteres "Olá" , "JavaScript"
number Números (inteiros e decimais) 10 , 3.14
boolean Valores lógicos ( true ou false ) true , false
undefined Variável declarada, mas sem let x;
valor atribuído
null Representa a ausência
intencional de qualquer valor let y = null;
symbol Valores únicos e imutáveis Symbol("id")
(ES6+)
bigint Números inteiros com precisão 10n
arbitrária
5. Estruturas de Controle de Fluxo
5.1. Condicionais ( if , else if , else )
JavaScript
let hora = 14;
if (hora < 12) {
[Link]("Bom dia!");
} else if (hora < 18) {
[Link]("Boa tarde!");
} else {
[Link]("Boa noite!");
}
5.2. Laços de Repetição ( for , while , do-while , for...of , for...in )
for loop:
JavaScript
for (let i = 0; i < 3; i++) {
[Link](i);
} // Saída: 0 1 2
for...of loop (para iterar sobre coleções):
JavaScript
const frutas = ["maçã", "banana", "cereja"];
for (const fruta of frutas) {
[Link](fruta);
}
6. Funções
Funções são blocos de código reutilizáveis. Podem ser declaradas de várias formas.
JavaScript
// Declaração de função tradicional
function somar(a, b) {
return a + b;
}
// Expressão de função
const subtrair = function(a, b) {
return a - b;
};
// Arrow function (ES6+)
const multiplicar = (a, b) => a * b;
[Link](somar(5, 3)); // Saída: 8
[Link](subtrair(10, 4)); // Saída: 6
[Link](multiplicar(2, 6)); // Saída: 12
7. Programação Orientada a Objetos (POO)
JavaScript é uma linguagem baseada em protótipos, mas suporta sintaxe de classes (ES6+)
para facilitar a programação orientada a objetos.
JavaScript
class Pessoa {
constructor(nome, idade) {
[Link] = nome;
[Link] = idade;
}
apresentar() {
[Link](`Olá, meu nome é ${[Link]} e tenho ${[Link]} anos.`)
}
}
const pessoa1 = new Pessoa("Carlos", 28);
[Link](); // Saída: Olá, meu nome é Carlos e tenho 28 anos.
8. JavaScript Assíncrono
JavaScript é single-threaded, mas lida com operações demoradas (como requisições de
rede) de forma assíncrona para não bloquear a execução. Isso é feito com Callbacks,
Promises e async/await .
Promises
JavaScript
function buscarDados() {
return new Promise((resolve, reject) => {
setTimeout(() => {
const sucesso = true;
if (sucesso) {
resolve("Dados obtidos com sucesso!");
} else {
reject("Erro ao obter dados.");
}
}, 2000);
});
}
buscarDados()
.then(mensagem => [Link](mensagem)) // Saída após 2 segundos: Dados ob
.catch(erro => [Link](erro));
Async/Await (ES2017+)
JavaScript
async function processarDados() {
try {
const mensagem = await buscarDados();
[Link](mensagem);
} catch (erro) {
[Link](erro);
}
}
processarDados();
9. Novidades Recentes (ES2025)
O ECMAScript 2025 (ES2025) continua a aprimorar a linguagem com novos recursos que
visam tornar o código mais expressivo e eficiente 3 . Algumas das novidades incluem:
• Novos métodos para operações com Set : Métodos embutidos como union() ,
intersection() , difference() e symmetricDifference() para manipular conjuntos de forma
mais fácil, eliminando a necessidade de loops manuais ou bibliotecas de terceiros.
• Ajudantes de Iterador (Iterator Helpers): Um conjunto de métodos funcionais para
iteradores (como .map() , .filter() , .take() , .drop() , .reduce() , .forEach() , .find() , .every() ,
.some() , .flatMap() , .from() ), que permitem avaliação preguiçosa ( lazy evaluation ),
melhorando a performance ao lidar com grandes fluxos de dados.
10. Onde Continuar Aprendendo
• MDN Web Docs (Mozilla Developer Network): [Link]/pt-
BR/docs/Web/JavaScript
• [Link] - O Tutorial de JavaScript Moderno: [Link]/
• W3Schools JavaScript Tutorial: [Link]/js/
Referências
[1] JavaScript - Wikipedia
[2] Node vs Bun vs Deno: What Actually Runs in Production (2026 Guide) - JavaScript in
Plain English
[3] JavaScript 2025 - W3Schools