Prévia do material em texto
1
Prof. Jesaías Silva
jesaias.silva@ufrn.br
Lógica de Programação
[ aula 02]
mailto:jesaias.silva@ufrn.br
2
Revisão
3
Algoritmos
📥 Entrada ⚙ Processamento 📤 Saída
✅ Informações fornecidas ao
algoritmo para processamento.
✅ Podem vir de teclado,
arquivos, sensores ou banco
de dados.
✅ Exemplo: O usuário digita
dois números para somar.
✅ Conjunto de operações
realizadas sobre os dados de
entrada.
✅ Pode envolver cálculos,
comparações e
transformações.
✅ Exemplo: Somar dois
números digitados.
✅ Resultado gerado pelo
algoritmo após o processamento.
✅ Pode ser exibido na tela,
salvo em arquivos ou enviado
para um sistema.
✅ Exemplo: Mostrar a soma na
tela.
4
Algoritmos
● Instruções: Correspondem aos passos necessários para chegar a uma
solução.
● Essas instruções devem ser claras, sem ambiguidades e tão simples quanto
possível.
● Se pensarmos em uma receita de bolo, cada etapa de preparo (misturar,
assar, etc.) é uma instrução para chegar ao resultado final.
5
Algoritmos
● Programar é transformar um conjunto de instruções (o algoritmo) em uma
linguagem que o computador entenda.
● Um programa, portanto, é uma sequência organizada de comandos que
seguem regras específicas (sintaxe e semântica) de determinada linguagem.
✅ Sintaxe – Define como os comandos devem ser escritos.
✅ Semântica – Determina o significado das instruções.
✅ var num = 18;
6
Linguagem de programação
● Linguagem Compilada
○ O código-fonte é convertido integralmente em código de máquina.
○ Geralmente, há uma etapa de compilação antes da execução.
○ Exemplos: C, C++.
● Linguagem Interpretada
○ O código-fonte é lido e executado por um interpretador, instrução por
instrução.
○ Dispensa a etapa de compilação completa, mas pode ser mais lenta na
execução.
○ Exemplos: JavaScript, Python.
Observação:
○ Em alguns casos, há linguagens híbridas (compiladas para um bytecode
e interpretadas em seguida), como Java.
7
Variáveis
8
Variáveis
● Uma variável reserva uma posição na memória onde podemos
guardar valores para usar ao longo do código.
9
Variáveis
● Uma variável reserva uma posição na memória onde podemos guardar
valores para usar ao longo do código.
var letra = 'A';
var ano = 2024
var temperatura = 28.7
10
Variáveis
● Se alterarmos o ano de 2024 para 2027, esse mesmo espaço na memória
agora armazena o novo valor 2027.
As variáveis podem mudar ao longo do tempo de execução.
x 2027var letra = 'A';
var ano = 2024
var temperatura = 28.7
ano = 2027
11
Declarando Variáveis
Em JavaScript, usamos var, let ou const para criar uma variável:
○ let → indica que estamos criando uma variável
○ idade → nome da variável
○ 20 → valor armazenado
O símbolo = é usado para atribuir (armazenar) um valor em uma variável.
let idade = 20 ;
let nome = “Maria”;
12
Declarando Variáveis
● Palavras Reservadas
○ var: Declara uma variável com escopo global ou de função. É a forma
mais antiga e sofre hoisting. Pode ser reatribuída.
○ let: Declara uma variável com escopo de bloco ({ }). Evita problemas
comuns ao uso de var. Também pode ser reatribuída.
○ const: Declara uma variável com escopo de bloco cujo valor não pode
ser alterado após sua inicialização.
● Exemplo
var nome;
let idade;
const PI = 3.1415;
var nome, idade;
//let nome, idade;
const PI = 3.1415;
13
Variáveis
● A figura abaixo mostra o estado atual da memória logo após a
execução de cada instrução.
○ var a = 5;
○ var b =10;
○ var soma;
○ soma = 0;
○ soma = a+b;
5 + 10 =15 ou seja:
soma = 15
14
Declarando Variáveis
● A importância de bons nomes
○ Os nomes devem expressar o propósito da variável.
○ Em vez de x, que não diz muito, prefira idade ou valorTotal, por exemplo,
para indicar o que o dado representa.
var x = 10;
var valorTotal = 10;
15
Declarando Variáveis
● Variáveis declaradas sem valor inicial apresentam o resultado
undefined quando acessadas.
let num;
alert(num);//undefined
16
Declarando Variáveis
● Cada valor tem um tipo específico em JavaScript:
○ Number: números inteiros (10, 5) e de ponto flutuante (42, 2.9834)
○ String: textos, por exemplo, "Olá"
○ Boolean: valores lógicos (true ou false)
○ Vazios ou não definidos: null e undefined
17
Declarando Variáveis
● Em JavaScript, as variáveis não ficam presas a um tipo único. É
possível mudar de número para texto, por exemplo:
let valor = 10; // Agora valor é Number
valor = "dez"; // valor virou uma String
valor = true; // agora valor é Boolean
18
Declarando Variáveis
● JavaScript: Nomes de Variáveis (Identificadores):
○ O nome de uma variável deve começar com uma letra, _ (underline) ou $
(cifrão);
○ Pode conter números, mas não no início.
○ Não são permitidos símbolos especiais (exceto _ e $).
○ Não pode usar palavras reservadas do JavaScript. Ex: let.
○ ano atual
○ preco
○ total_notas
○ _temp
○ resultado2025
○ 2dias
Quais
podem?
○ nota-final
○ idadeAluno
○ salário%
○ @nome
○ var
19
Declarando Variáveis
● ✅ Identificadores válidos:
○ preco
○ idadeAluno
○ total_notas
○ _temp
○ resultado2025
● ❌ Identificadores inválidos:
○ 2dias (não pode começar com número)
○ nota-final (não pode usar hífen)
○ salário% (não pode usar caracteres especiais além do _)
○ @nome (não pode iniciar com símbolo especial)
○ ano atual (não pode ter espaços em branco)
○ var (não pode usar palavras reservadas no JavaScript)
20
Declarando Variáveis
● JavaScript é uma linguagem case sensitive, ou seja, diferencia letras
maiúsculas e minúsculas.
● Isso significa que identificadores semelhantes, mas com diferenças nas
letras maiúsculas e minúsculas, são tratados como variáveis diferentes.
⚠ Atenção: Evite usar identificadores semelhantes que só se diferenciam por letras maiúsculas ou minúsculas para
evitar confusão e erros durante o desenvolvimento do código.
let aluno = "Pedro";
let Aluno = "Ana";
let ALUNO = "Lucas";
console.log(aluno); // Exibe: Pedro
console.log(Aluno); // Exibe: Ana
console.log(ALUNO); // Exibe: Lucas
Entrada e saída
22
Saída de dados
● Em JavaScript, existem várias formas de exibir informações ao usuário:
Método Finalidade
alert() Mostra uma caixa de alerta na tela.
console.log() Exibe mensagens no console do navegador (uso em
desenvolvimento).
23
Saída de dados
● Em JavaScript, existem várias formas de exibir informações ao usuário:
// Caixa de alerta
alert("Bem-vindo ao sistema!");
// Mensagem para o desenvolvedor no console
console.log("A execução foi bem-sucedida.");
24
Saída de dados
Em nossas aulas usaremos os comandos de saída de
dados alert() ou console.log()
● Ex:
alert("Bom dia")
É possível concatenar valores na saída de dados usando o + (mais)
Ex:
var nome = "Jesaias"
alert("Bom dia " + nome)
👉 Texto (String) entre aspas duplas
👉 Variável sem aspas duplasTexto
Concatenação
25
Saída de dados
Em nossas aulas usaremos os comandos de saída de
dados alert() ou console.log()
● Ex:
alert("Bom dia")
É possível concatenar valores na saída de dados usando o + (mais)
Ex:
var nome = "Jesaias"
alert("Bom dia " + nome + "!" )
👉 Texto (String) entre aspas duplas
👉 Variável (sem aspas duplas)Texto (em aspas duplas)
Concatenação
26
Entrada de dados
● Existem diversas maneiras de coletar esses dados (teclado, sensores,
mouse, etc.), porém, utilizamos a função prompt().
● A função prompt() abre uma caixa de diálogo solicitando que o usuário
digite uma informação, que pode ser armazenada em uma variável.
Observação: Todos os dados capturados pelo prompt() chegam como texto (String). Para valores numéricos, utilize funções
como parseInt() ou parseFloat() para converter os valores adequadamente.
// Solicita ao usuário que informe o nome
let nome = prompt("Digite seu nome:");
// Solicita a idade, convertendo-a para número inteiro
let idade = parseInt(prompt("Digite sua idade:"));
27
Entrada de dados
Entrada de dados
var nome = prompt()
Todos osvalores lidos são do tipo String (texto).
Podemos converter para:
● Inteiro → parseInt( )
● Real (decimal) → parseFloat( )
var nota = parseFloat(prompt())
👉 Leitura de dados
Leitura de dados
👉 Conversão do valor para número Real
28
Entrada de dados
Entrada de dados
var nome = prompt()
Todos os valores lidos são do tipo String (texto).
Podemos converter para Inteiro ou Real de forma automática
usando Number.
var nota = Number(prompt())
👉 Leitura de dados
Leitura de dados
👉 Conversão do valor para número Inteiro
ou Real de forma automática.
29
Comentários
● São anotações dentro do código para ajudar a
explicar o que está sendo feito.
● O computador ignora os comentários durante a
execução do programa.
● Podemos usar comentários para:
○ Explicar uma parte do código;
○ Deixar lembretes;
○ Facilitar a leitura e manutenção do programa.
30
Em JavaScript
💡 Dica: comentários são para pessoas, não para o computador.
// Este é um comentário de uma linha
/*
Este é um comentário
de várias linhas
*/
31
Exemplo de comentário em JavaScript
💡 Dica: comentários são para pessoas, não para o computador.
// Guarda o primeiro número
let numero1 = 10;
// Guarda o segundo número
let numero2 = 5;
// Soma os dois números
let resultado = numero1 + numero2;
// Mostra o resultado na tela
alert(resultado);
32
Exercícios
33
Apps para celular
Experimente
● Javascript Anywhere (IOS)
● Javascript Editor (Android)
● Replit (Android)
34
Exercício
(Questão 1) Crie um programa que:
- atribui o valor 57 a uma variável n
- Imprime n, o quadrado de n e o cubo de n
Dica: Primeiro, reflita sobre qual é a fórmula necessária para obter o resultado
desejado.
Depois: Descreva essa lógica de maneira clara e sequencial (descrição
narrativa).
Por fim: Transforme o seu algoritmo em código JavaScript e execute-o para
verificar o resultado!
35
Exercício
(Questão 2) Escreva um programa que:
a) Atribui valores a três variáveis
b) Os valores devem ser digitados pelo usuário (prompt)
c) Imprime a soma e o produto dessas três variáveis
Dica: Primeiro, reflita sobre qual é a fórmula necessária para obter o resultado
desejado.
Depois: Descreva essa lógica de maneira clara e sequencial (descrição
narrativa).
Por fim: Transforme o seu algoritmo em código JavaScript e execute-o para
verificar o resultado!
36
Exercício
(Questão 3) Escreva um programa que:
a) solicita ao usuário seu nome e sua idade,
b) exibe uma mensagem que fala "Olá [nome], você
tem [idade] anos".
Dica: Primeiro, reflita sobre qual é a fórmula necessária para obter o resultado
desejado.
Depois: Descreva essa lógica de maneira clara e sequencial (descrição
narrativa).
Por fim: Transforme o seu algoritmo em código JavaScript e execute-o para
verificar o resultado!