📘 Revisão: JavaScript e Programação
Web
A Programação Web é o conjunto de tecnologias, linguagens e metodologias utilizadas para
criar sites, sistemas online e aplicações que funcionam diretamente no navegador ou na
internet. Ela se divide principalmente em front-end, que trata da interface visual com o
usuário, e back-end, que cuida da lógica, regras de negócio e comunicação com servidores
e bancos de dados.
🔹 HTML, CSS e JavaScript: o trio essencial
● HTML define a estrutura do conteúdo (títulos, parágrafos, botões, links, imagens).
● CSS define a apresentação (cores, tamanhos, fontes, posicionamento, layout).
● JavaScript dá vida à aplicação, adicionando interatividade, lógica, dinamismo e
funcionalidades.
🔹 O papel do JavaScript na Web
JavaScript é uma linguagem de programação interpretada, dinâmica e orientada a
objetos baseada em protótipos. Ele é executado diretamente no navegador por meio do
motor JavaScript (V8, SpiderMonkey, Chakra etc.).
Com ele, é possível:
● Criar interações (cliques, animações, menus, sliders).
● Manipular elementos HTML via DOM.
● Processar dados, fazer cálculos e validar formulários.
● Criar comunicações com servidores usando APIs, fetch(), JSON.
● Criar aplicações completas com frameworks como React, Vue e Angular.
● Desenvolver no lado do servidor com [Link].
🔹 DOM – Document Object Model
O DOM permite acessar e modificar elementos da página com JavaScript.
Exemplo:
[Link]("titulo").innerHTML = "Bem-vindo!";
Com isso, o JS pode alterar textos, imagens, estilos, classes e até criar novos elementos.
🔹 Lógica de Programação no JavaScript
JavaScript permite:
✔ Variáveis
let nome = "Ana";
const idade = 20;
✔ Estruturas de decisão
if (idade >= 18) {
[Link]("Maior de idade");
}
✔ Laços de repetição
for (let i = 0; i < 5; i++) {
[Link](i);
}
✔ Funções
function soma(a, b) {
return a + b;
}
✔ Objetos e Arrays
let pessoa = { nome: "João", idade: 30 };
let lista = [1, 2, 3, 4];
🔹 Programação Web Moderna
A Web evoluiu e hoje conta com:
● APIs e webservices
● Programação assíncrona (async/await, Promises)
● Aplicações Single Page Application (SPA)
● Frameworks front-end
● [Link] para backend
JavaScript é uma das linguagens mais importantes da atualidade, essencial para qualquer
desenvolvedor web.
📑 Lista de Exercícios
🟦 10 Questões Objetivas
1. JavaScript é uma linguagem:
a) Compilada
b) Interpretada
c) Exclusiva do back-end
d) Exclusiva de servidores
2. O DOM permite:
a) Criar arquivos CSS
b) Manipular elementos HTML com JavaScript
c) Processar requisições SQL
d) Controlar diretamente o hardware
3. Qual palavra-chave cria uma variável que não pode ser reatribuída?
a) var
b) let
c) const
d) static
4. O que significa “front-end”?
a) Parte lógica no servidor
b) Interface com o usuário
c) Banco de dados
d) API externa
5. Qual estrutura repete um bloco de código várias vezes?
a) if
b) switch
c) for / while
d) try
6. Qual comando exibe dados no console do navegador?
a) alert()
b) print()
c) show()
d) [Link]()
7. O JSON é um formato utilizado para:
a) Estilizar páginas
b) Armazenar e transportar dados
c) Criar animações
d) Executar comandos SQL
8. O que faz [Link]()?
a) Retorna um CSS
b) Retorna um elemento HTML específico
c) Abre uma nova aba
d) Limpa a página
9. Promises e async/await são relacionados a:
a) Programação assíncrona
b) Laços de repetição
c) Eventos de mouse
d) Manipulação de CSS
10.Qual é a extensão padrão de arquivos JavaScript?
a) .html
b) .css
c) .js
d) .json
🟩 10 Questões Discursivas
1. Explique a diferença entre HTML, CSS e JavaScript.
2. O que é DOM e qual é sua importância no JavaScript?
3. Qual a diferença entre let, var e const?
4. O que é uma função em JavaScript e por que ela é útil?
5. Explique o que é um objeto e um array em JS.
6. O que significa programação assíncrona? Dê um exemplo.
7. Como JavaScript é utilizado no front-end e no back-end?
8. Explique o que são eventos em JavaScript e dê um exemplo.
9. Por que é importante validar formulários com JavaScript?
10.Como o uso de APIs tornou o JavaScript ainda mais importante na Web moderna?
🟧 5 Atividades Práticas
1. Manipulação de DOM
Crie uma página simples com um botão que, ao ser clicado, muda o texto de um
parágrafo para “Texto alterado com JavaScript!”.
2. Formulário com validação
Construa um formulário com nome e idade. Antes de enviar:
● nome não pode ficar vazio
● idade deve ser maior que 0
Ao falhar, mostrar alertas.
3. Lista dinâmica
Crie um campo de texto e um botão. Ao clicar, o texto deve ser adicionado a uma
lista <ul> automaticamente.
4. Calculadora simples
Faça uma calculadora com 2 campos numéricos e botões para somar, subtrair,
multiplicar e dividir.
5. Requisição Fetch (API pública)
Use a API pública “[Link] para exibir uma piada
aleatória ao clicar em um botão.