Introdução à Programação

Aula 3 - Primeiros passos em JavaScript

Curso: Técnico em Desenvolvimento de Sistemas

Professor: Fernando Kenji Kamei

E-mail: fernando.kenji@ifal.edu.br

Versão: 2022
 Como vimos na aula passada…

• Iniciar em JavaScript, ou simplesmente JS é muito simples!

Introdução à Programação | Prof. Fernando Kenji 2

 O que veremos hoje?

• Maneiras de programar em JS
• Operações aritméticas
• Como escrever
• Como armazenar valores

Introdução à Programação | Prof. Fernando Kenji 3

 Maneiras de programar em JS

• Usando o console de um navegador

Introdução à Programação | Prof. Fernando Kenji

 + Nome

 Como armazenar dados

Variáveis

• O nome de uma variável deve estar relacionada a informação que ela

representa.

var nome;
var idade;
var nomeInstituicao;

Introdução à Programação | Prof. Fernando Kenji 13

 Como armazenar dados

Variáveis

• Algumas regras para os nomes de variáveis:

var nome;
Sempre deve iniciar com uma letra
var 1nome;

Introdução à Programação | Prof. Fernando Kenji

 Como armazenar dados
Variáveis

• Algumas regras para os nomes de variáveis:

var nome;
Sempre deve iniciar com uma letra
var 1nome;

var primeiroNome;
Utiliza o estilo camelCase
var primeironome;

Introdução à Programação | Prof. Fernando Kenji 15

 Como armazenar dados
Variáveis

• Algumas regras para os nomes de variáveis:

var nome;
Sempre deve iniciar com uma letra
var 1nome;

var primeiroNome;
Utiliza o estilo camelCase
var primeironome;

var nome;
Use sempre nome que faça sentido
var n;

Introdução à Programação | Prof. Fernando Kenji 16

 Como armazenar dados
Variáveis

• Para atribuir um valor a uma variável, utilizamos o sinal de igual “=”.

var nome = “Kenji”;

var idade = 29;
var nomeInstituicao = “IFAL”;

Introdução à Programação | Prof. Fernando Kenji 17

 Como armazenar dados

Tipos primitivos de dados

Numérico Alfanumérico

Lógico Nulo

Introdução à Programação | Prof. Fernando Kenji 18

 Como armazenar dados
Tipos primitivos de dados

Inteiro
Numérico Alfanumérico
Real

Lógico Nulo

Introdução à Programação | Prof. Fernando Kenji 19

 Como armazenar dados
Tipos primitivos de dados

Inteiro Letra
Numérico Alfanumérico
Real Símbolo

Lógico Nulo

Introdução à Programação | Prof. Fernando Kenji 20

 Como armazenar dados
Tipos primitivos de dados

Inteiro Letra
Numérico Alfanumérico
Real Símbolo

Verdadeiro
Lógico Nulo
Falso

Introdução à Programação | Prof. Fernando Kenji 21

 Como armazenar dados
Tipos primitivos de dados

Inteiro Letra
Numérico Alfanumérico
Real Símbolo

Verdadeiro
Lógico Nulo Sem valor
Falso

Introdução à Programação | Prof. Fernando Kenji 22

 Trabalhando com tipos numéricos
Operações matemáticas

• Soma ( + ) • Multiplicação ( * )
• 1+9 • 10 * 5

• Subtração ( - ) • Divisão ( / )
• 9-6 • 80 / 2

Introdução à Programação | Prof. Fernando Kenji 23

 Trabalhando com tipos numéricos

Operações matemáticas - Ordem de prioridade

3o
• Soma ( + ) 1o• Multiplicação ( * )
• 1+9 • 10 * 5

4o
• Subtração ( - ) 2o• Divisão ( / )
• 9-6 • 80 / 2

Introdução à Programação | Prof. Fernando Kenji 24

 Trabalhando com tipos numéricos

Realizando operações no console

Saída

Introdução à Programação | Prof. Fernando Kenji 25

 Trabalhando com tipos numéricos
Expressões aritméticas

• Também podemos fazer o uso de símbolos gráficos.

• No caso de JS, usamos apenas os parênteses.

• Exemplos:
Os parênteses têm mais
• 10 - (8 * 4) prioridade da esquerda para a
direita
• (7 -2) + ((4 * 29) - (8 / 2))

Introdução à Programação | Prof. Fernando Kenji 26

 Imprimindo em JS
Console

• Para imprimir algo no console, utilizaremos a função console.log()

• Dentro desta função é que passaremos o texto que queremos imprimir.

Introdução à Programação | Prof. Fernando Kenji 27

 Imprimindo em JS
Console

• Para imprimir algo no console, utilizaremos a função console.log()

• Dentro desta função é que passaremos o texto que queremos imprimir.

console.log("Hello World");

Introdução à Programação | Prof. Fernando Kenji 28

 Imprimindo em JS
Console

• Podemos imprimir o resultado de operações aritméticas junto com algum

texto.

console.log("A soma de 1 e 2 é =",(1+2));

Introdução à Programação | Prof. Fernando Kenji 29

 Interagindo com o usuário

Recebendo valores

• Vimos como criar variáveis e adicionar valores a elas.

• Mas como receber um valor digitado pelo usuário?

Introdução à Programação | Prof. Fernando Kenji 30

 Interagindo com o usuário
Recebendo valores

• Vimos como criar variáveis e adicionar valores a elas.

• Mas como receber um valor digitado pelo usuário?

Usando a função prompt()

Introdução à Programação | Prof. Fernando Kenji 31

 Exemplo 1
Recebendo o nome do usuário

• Vamos fazer um programa que solicite o nome do usuário, e imprima uma

mensagem, como sugerida a seguir:

Seja bem-vindo Kenji

• Sabendo que “Kenji” foi o nome digitado pelo usuário.

Introdução à Programação | Prof. Fernando Kenji 32

 Exemplo 1
Recebendo o nome do usuário

var nome;
nome = prompt("Qual o seu nome? ");
console.log("Seja bem-vindo "+nome);

Introdução à Programação | Prof. Fernando Kenji 33

 Exemplo 1
Recebendo o nome do usuário

var nome;
nome = prompt("Qual
Criando o seu nome?
a variável que vai armazenar o nome");
do
console.log("Seja bem-vindo "+nome);
usuário

var permite criar a variável

“nome” que vai armazenar o nome
do usuário

Introdução à Programação | Prof. Fernando Kenji 34

 Exemplo 1
Recebendo o nome do usuário

Criando a variável que vai armazenar o nome do

var nome; usuário
nome = prompt("Qual o seu nome? ");
console.log("Seja bem-vindo
Criando a variável que vai armazenar o"+nome);
nome do
usuário

prompt é uma função que

permite ao JS receber algum valor
digitado pelo usuário.

Introdução à Programação | Prof. Fernando Kenji 35

 Exemplo 1
Recebendo o nome do usuário

Criando a variável que vai armazenar o nome do

var nome; usuário
nome = prompt("Qual o seu nome? ");
console.log("Seja bem-vindo
Criando a variável que vai armazenar o"+nome);
nome do
usuário

prompt é uma função que prompt atribuí o valor

permite ao JS receber algum valor recebido à variável
digitado pelo usuário. nome

Introdução à Programação | Prof. Fernando Kenji 36

 Exemplo 1
Recebendo o nome do usuário

Criando a variável que vai armazenar o nome do

Criando
var a variável que
nome; vai armazenar o nome do
usuário
nome = prompt("Qual usuárioo seu nome? ");
console.log("Seja bem-vindo "+nome);

prompt é uma função que prompt atribuí o valor

permite ao JS receber algum valor recebido à variável
digitado pelo usuário. nome

Introdução à Programação | Prof. Fernando Kenji 37

 Exercício 1
Recebendo o nome do usuário e a idade

• Vamos fazer um programa que solicite o nome do usuário e a sua idade, e

imprima uma mensagem, como sugerida a seguir:

Seja bem-vindo Kenji, você possui 37 anos

• Lembre-se de armazenar o nome e a idade em variáveis diferentes.

Introdução à Programação | Prof. Fernando Kenji 38