Stela JavaScript Aulas Aula 3
Onde o programa guarda as informações?
Variáveis e tipos de dados: as caixinhas da memória.
Declarar variáveis, reconhecer os tipos de dados e fazer entrada, processamento e saída.
Revisar os exemplos da aula anterior.
Lista de exercícios práticos.
As caixinhas da memória
Variável: um nome para um valor
Uma variável é uma caixinha com etiqueta na memória. Use let quando o valor pode mudar e const quando não muda.
O var é o jeito antigo. Você vai encontrá-lo em código velho, mas aqui a gente usa let e const.
Nomes em camelCase: nomeCompleto, notaFinal.
1let idade = 19; // pode mudar2const curso = "ADS"; // não muda34idade = 20; // tudo certo5// curso = "SI"; // erro: const não aceita novo valor67let nomeCompleto = "Ana Souza"; // camelCaseOs tipos primitivos
Todo valor tem um tipo. Os primitivos são: number, string, boolean, undefined e null.
O typeof conta o tipo. Template strings, com crase, encaixam variáveis no texto com ${}.
Cuidado: typeof null responde "object". É um erro histórico da linguagem, de 1995, que nunca foi corrigido.
1typeof 8.5; // "number"2typeof "Stela"; // "string"3typeof true; // "boolean"4typeof undefined; // "undefined"56const nome = "Bia";7console.log(`Oi, ${nome}!`); // Oi, Bia!Entrada, conversão e saída
O prompt() pergunta, o alert() avisa e o console.log() mostra no Console.
Tudo o que vem do prompt() é texto. Para fazer conta, converta com Number(), parseInt() ou parseFloat().
Cuidado: "19" + 1 dá "191", porque junta textos. Number("19") + 1 dá 20.
1const texto = prompt("Quantos anos você tem?");2const idade = Number(texto);34console.log(texto + 1); // "191" (juntou textos)5console.log(idade + 1); // 20 (somou números)67parseInt("7.9"); // 78parseFloat("7.9"); // 7.9Preencher a ficha de cadastro
Ator: Secretaria da escola
Objetivo: Guardar os dados de um aluno novo.
Fluxo principal
- A secretaria informa o nome do aluno.
- Informa a idade.
- Informa se a matrícula está ativa.
- O sistema mostra a ficha conferida na tela.
E se...
- A idade é digitada como texto ("dezoito"): o sistema precisa perceber que não é número.
Para pensar
- Que variável guarda cada dado? Qual é o tipo de cada uma (string, number, boolean)?
- Quais desses dados podem mudar depois e quais não? (let ou const?)
Seu cartão de apresentação
Um script que pergunta e responde. O que você marcar fica salvo neste navegador.
Glossário da turma: acrescente no Loop pelo menos um termo de hoje (variável, tipo, conversão…) explicado com as suas palavras.
Fora da tela
Matemática
Variável em programação lembra a da álgebra, mas com uma diferença: aqui ela pode mudar de valor no meio do caminho.
Eletrônica
Um sensor do ESP32 lê temperatura como number e o nome da sala como string. Tipos certos, dados certos.
Arte
Seu cartão de apresentação é design: dá para caprichar no texto com emojis e quebras de linha.
Terminou antes? Tem mais.
Faça o cartão calcular também quantos dias, aproximadamente, você já viveu (idade × 365) e mostre o resultado com separador de milhar usando toLocaleString("pt-BR").
Para estudar e praticar
Commit do aula03.js e a lista de exercícios
No repositório e no Moodle, conforme o combinado da aula.