Escolar Documentos
Profissional Documentos
Cultura Documentos
● Introdução ao Javascript
● Como criar um projeto no Codesandbox
● Estrutura inicial de um projeto
● Conceito de variáveis
● Tipos de dados
● Diferença entre var, let e const
● Estrutura condicional simples - if
2
Quem é o professor
3
Introdução ao Javascript
Introdução ao Javascript
5
Introdução ao Javascript
Developer Tools
● F12 do teclado
● Botão direito + inspecionar
● CTRL + SHIFT + i
6
Como criar um projeto
no Codesandbox
Como criar um projeto no Codesandbox
8
Como criar um projeto no Codesandbox
9
Como criar um projeto no Codesandbox
10
Como criar um projeto no Codesandbox
11
Estrutura inicial de um
projeto
Estrutura inicial de um projeto
13
Estrutura inicial de um projeto
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Aula 01</title>
</head>
<body>
<h1>Variáveis e estruturas condicionais</h1>
<script></script>
</body>
</html> Todo o código
Javascript vai aqui
14
Conceito de variáveis
Conceito de variáveis
16
Conceito de variáveis
17
Conceito de variáveis
Toda vez que quisermos recuperar o valor dessa variável, basta passarmos
o nome dela para a operação que estamos fazendo:
resultado exibido
18
Conceito de variáveis
A sua sintaxe é:
19
Conceito de variáveis
20
Conceito de variáveis
21
Tipos de dados
Tipos de dados
● String
● Number
● Boolean
● Object
● Null
● Undefined
23
Tipos de dados
24
Diferença entre var, let e
const
Diferença entre var, let e const
● VAR:
○ É uma variável que podemos atribuir um novo valor para ela
(reatribuição de valor)
○ É possível criar outra variável com o mesmo nome (redeclaração
de variável)
26
Diferença entre var, let e const
● LET:
○ É uma variável que podemos atribuir um novo valor para ela
(reatribuição de valor)
○ Não podemos criar mais de uma variável com o mesmo nome
(redeclaração de variável)
27
Diferença entre var, let e const
● CONST:
○ É uma variável que não pode ter o seu valor inicial alterado
(reatribuição de valor)
○ Não podemos criar mais de uma variável com o mesmo nome
(redeclaração de variável)
○ É obrigatório inicializar o valor de uma const em sua declaração
28
Operadores de
comparação
Operadores de comparação
30
Operadores de comparação
31
Estrutura condicional
simples - if
Estrutura condicional simples - if
33
Estrutura condicional simples - if
Pseudocódigo:
1. INÍCIO ALGORITMO
3. comando
4. FIM SE
5. FIM ALGORITMO
34
Estrutura condicional simples - if
35
Exercício - if
Verificador de multas
● Desenvolva um programa em Javascript com duas variáveis:
○ uma que armazene o limite de velocidade em km/h
○ outra que armazene a velocidade do automóvel registrada pelo
sensor
● Caso a velocidade esteja acima do permitido exiba a seguinte
mensagem: “Velocidade acima do permitido. O condutor poderá ser
multado!”
36
OBRIGADO!
PODCAST SOBRE O UNIVERSO DE TI
Faaaala DEV!
Está a fim de turbinar o
aprendizado com
conteúdos extra sobre
programação, histórias
de superação,
empreendedorismo,
universo TI, dicas para
conseguir a primeira
vaga de emprego e
muito mais?
38