JavaScript Básico – Parte 1 (Conceitos)
1. O que é JavaScript?
É uma linguagem de programação criada para dar interatividade às páginas web.
Funciona principalmente no navegador (client-side), mas também pode rodar no servidor (com
[Link]).
É considerada uma das 3 tecnologias base da Web:
o HTML → estrutura
o CSS → estilo
o JavaScript → comportamento
2. Como usar JavaScript em uma página
O código pode ser escrito direto no HTML, dentro da tag <script>:
<script>
alert("Olá, mundo!");
</script>
Também pode ser colocado em um arquivo externo com extensão .js:
<script src="[Link]"></script>
3. Sintaxe Básica
Sensível a maiúsculas e minúsculas: Nome ≠ nome.
Ponto e vírgula (;) pode ser usado para finalizar comandos (opcional, mas recomendado).
Comentários:
// comentário de uma linha
/* comentário de várias linhas */
4. Variáveis e Constantes
São usadas para armazenar valores.
var → mais antigo, não recomendado para novos projetos.
let → variável que pode mudar.
const → valor fixo, não pode ser alterado.
Exemplo:
let nome = "Carlos";
const idade = 25;
var ativo = true;
5. Tipos de Dados
String → textos → "Olá", 'Teste'
Number → números → 10, 3.14
Boolean → valores lógicos → true, false
Null → valor nulo
Undefined → variável declarada, mas sem valor
6. Operadores
Aritméticos → +, -, *, /, %, **
Comparação
== (igual)
=== (igual e mesmo tipo)
!= (diferente)
!== (diferente e tipo)
>, <, >=, <=
Lógicos
&& (E)
|| (OU)
! (NÃO)
7. Entrada e Saída de Dados
alert() → mostra mensagem em janela.
prompt() → pede dado ao usuário.
confirm() → pergunta de "OK ou Cancelar".
[Link]() → exibe no console do navegador (usado para testes).
8. Estruturas de Controle
Condicional (if/else)
Permite executar blocos diferentes de código conforme a condição.
if (idade >= 18) {
[Link]("Maior de idade");
} else {
[Link]("Menor de idade");
}
Switch
Escolhe um caso entre várias opções.
let cor = "azul";
switch(cor) {
case "vermelho":
[Link]("Cor quente");
break;
case "azul":
[Link]("Cor fria");
break;
default:
[Link]("Cor não reconhecida");
}
9. Laços de Repetição
Usados para repetir ações automaticamente.
for → sabe quantas vezes vai repetir
while → repete enquanto a condição for verdadeira
do...while → executa pelo menos uma vez
10. Funções
Blocos de código que podem ser chamados quando necessário.
Função tradicional:
function somar(a, b) {
return a + b;
}
Arrow function (forma mais curta):
const dobrar = (x) => x * 2;