JavaScript para Iniciantes
Página 1 – Capa
Título: JavaScript para Iniciantes
Aluno: [Seu Nome]
Disciplina: [Nome da Disciplina]
Professor: [Nome do Professor]
Data: [Data de Entrega]
Página 2 – Introdução
O JavaScript é uma linguagem de programação essencial para o desenvolvimento web. Criada
em 1995 por Brendan Eich, ela permite adicionar interatividade e dinamismo às páginas da
internet. Hoje, é uma das três principais tecnologias da web, junto com HTML e CSS.
Este trabalho apresentará a história, conceitos básicos, características e exemplos práticos de
JavaScript, ajudando iniciantes a dar os primeiros passos no aprendizado da linguagem.
Página 3 – História do JavaScript
Criado em 1995 por Brendan Eich na Netscape.
Inicialmente chamado de Mocha → depois LiveScript → finalmente JavaScript.
Apesar do nome, não é Java.
Hoje, é padronizado pela ECMAScript (ES).
Evoluiu de scripts simples em páginas para aplicações completas, inclusive no backend
com Node.js.
Página 4 – Características do JavaScript
1. Interpretada: roda diretamente no navegador.
2. Multiplataforma: funciona em qualquer sistema.
3. Baseada em eventos: reage a cliques, teclas, etc.
4. Tipagem dinâmica: não exige declarar tipos de variáveis.
5. Popularidade: uma das linguagens mais usadas do mundo.
Página 5 – Onde Usar JavaScript
Front-end: interatividade em sites.
Back-end: com Node.js.
Aplicativos móveis: usando frameworks como React Native.
Jogos: bibliotecas gráficas.
Automação: scripts para tarefas repetitivas.
Página 6 – Como Executar JavaScript
No navegador:
<!DOCTYPE html>
<html>
<head>
<title>Exemplo</title>
</head>
<body>
<h1>Olá, mundo!</h1>
<script>
alert("Olá, mundo!");
</script>
</body>
</html>
No Node.js:
console.log("Olá, mundo!");
Página 7 – Variáveis e Tipos de Dados
let nome = "Maria"; // String
let idade = 20; // Número
let altura = 1.75; // Float
let ativo = true; // Booleano
Tipos mais comuns:
String: textos
Number: números inteiros e decimais
Boolean: verdadeiro/falso
Array: listas
Object: estruturas de dados
Página 8 – Operadores e Estruturas de Controle
Condições:
let idade = 18;
if (idade >= 18) {
console.log("Maior de idade");
} else {
console.log("Menor de idade");
Laços:
for (let i = 0; i < 5; i++) {
console.log(i);
Página 9 – Funções
Funções organizam código reutilizável:
function saudacao(nome) {
return "Olá, " + nome;
console.log(saudacao("Carlos"));
Também é possível usar funções de seta (arrow functions):
const soma = (a, b) => a + b;
console.log(soma(5, 3));
Página 10 – Arrays e Objetos
Array (lista):
let frutas = ["maçã", "banana", "uva"];
console.log(frutas[1]); // banana
Objeto:
let pessoa = {nome: "Ana", idade: 25};
console.log(pessoa.nome); // Ana
Página 11 – Eventos e DOM
O DOM (Document Object Model) permite manipular elementos da página.
Exemplo: mudar texto de um botão ao clicar:
<button onclick="mudarTexto()">Clique aqui</button>
<p id="demo">Texto original</p>
<script>
function mudarTexto() {
document.getElementById("demo").innerHTML = "Texto alterado!";
</script>
Página 12 – Conclusão
O JavaScript é uma linguagem fundamental para o desenvolvimento moderno. Sua
versatilidade permite criar desde páginas interativas até grandes aplicações web, móveis e
servidores. Por ser simples e popular, é ideal para iniciantes na programação.
