CODING_JAVASCRIPT

CODING_JAVASCRIPT 1

CODING
PROGRAMAÇÃO EM JAVASCRIPT

CODING
JAVASCRIPT
 CODING_JAVASCRIPT 1

Programação em Linguagem JavaScript

2023

Todo o conteúdo deste material, como textos, gráficos, imagens, logotipo e tabelas, é
de propriedade exclusiva da BuildingUp Centro de Educação Integrada Ltda e da
B.Up Educacional Ltda, e protegido pelas leis de direitos autorais do Brasil,
proporcionadas pela Constituição Federal em seu artigo 5º, parágrafos 27 e 28, bem
como pelo Código Civil Brasileiro e pela Lei 9.610/98. Outros nomes de marcas e
logotipos podem ser marcas comerciais ou marcas registradas de outras empresas.
Não é permitido copiar, distribuir, retransmitir ou modificar o conteúdo deste material,
na forma eletrônica ou impressa, para qualquer fim. Tais atos serão considerados
crimes e julgados na forma da Lei pertinente.

2
 CODING_JAVASCRIPT 1

INDICE
• Conteúdo deste modulo

• Objetivos das unidades

• Introdução

• Unidade 1: Lógica de Programação

• Unidade 2: Algoritmos

• Unidade 3: Diagramas

• Unidade 4: Configurando o Ambiente de Desenvolvimento

• Unidade 5: Introdução ao JavaScript

• Unidade 6: Variáveis

• Unidade 7: Tipos de Dados no JavaScript

• Unidade 8: Operadores Matemáticos

• Unidade 9: Operadores de Comparação

• Unidade 10: Operadores Lógicos

3
 CODING_JAVASCRIPT 1
CONTEÚDO

CONTEÚDO
Estamos prestes a embarcar em uma incrível jornada de
aprendizado sobre JavaScript! Começaremos nossa
aventura explorando lógica de programação, ou seja,
aprendendo como pensar de forma lógica e estruturada
para criar programas poderosos e eficientes.

Em seguida, mergulharemos no mundo das variáveis para

entender como armazenar e manipular informações em
nosso código. Aprenderemos sobre os diferentes tipos de
dados e como eles são utilizados para representar tipos de
informação distintos.

E, finalmente, exploraremos os operadores - ferramentas

poderosas que nos permitem realizar operações
matemáticas e lógicas em nossos programas.
Aprenderemos como usá-los para comparar valores,
realizar cálculos e tomar decisões.

Esta pode parecer uma tarefa assustadora no começo,

mas acredite: é incrivelmente recompensador ver seus
esforços na prática com programas funcionais e
poderosos. Cada lição que aprendemos nos aproxima da
criação de aplicações incríveis e soluções inovadoras!

4
 CODING_JAVASCRIPT 1

UNIDADE

OBJETIVOS
• Desenvolver habilidades para pensar de forma
1 Lógica de
programação
lógica e estruturada
OBJETIVOS

• Aprender a resolver problemas de forma eficiente

UNIDADE

OBJETIVOS
• Entender o conceito de algoritmos
2 Algoritmos • Aprender sobre diferentes tipos de algoritmos
• Aprender a aplicar algoritmos em situações reais
UNIDADE

OBJETIVOS
• Entender o conceito de diagramas
3 Diagramas • Aprender a criar diagramas
• Aprender a interpretar e analisar diagramas
UNIDADE

OBJETIVOS

• Entender a importância da configuração do

Configurando o
4 ambiente de
desenvolvimento
ambiente de desenvolvimento
• Configurar o próprio ambiente de
desenvolvimento
UNIDADE

OBJETIVOS

• História do JavaScript

5 Introdução ao
JavaScript
• Aprender como criar e escrever no seu primeiro
arquivo JavaScript
• Realizar a execução do primeiro código
UNIDADE

OBJETIVOS

• Entender o conceito de variáveis

6 Variáveis • Aprender a declarar e inicializar variáveis
• Entender a diferença entre ‘var’, ‘let’ e ‘const’
UNIDADE

OBJETIVOS

• Entender os tipos de dados básicos do JavaScript

7 Tipos de dados
no JavaScript • Aprender a identificar e usar os diferentes tipos
de dados
UNIDADE

OBJETIVOS

• Entender os diferentes operadores matemáticos

8 Operadores
matemáticos
• Aprender sobre os operadores de atribuição
• Aprender sobre os operadores de incremento e
decremento
UNIDADE

OBJETIVOS

• Entender os diferentes operadores de

9 Operadores de
comparação
comparação
• Aprender a usar os operadores de comparação
UNIDADE

OBJETIVOS

• Entender os diferentes operadores lógicos

10 Operadores
lógicos
• Aprender a usar os operadores lógicos
• Aprender sobre a prioridade dos operadores
lógicos

5
 CODING_JAVASCRIPT 1
INTRODUÇÃO

INTRODUÇÃO
JavaScript (ou JS) é uma linguagem de programação de
uso geral, mas muito utilizada por desenvolvedores na
criação de páginas interativas da Internet, e no
desenvolvimento de softwares. JS é atualmente a
principal linguagem para programação front-end em
navegadores web.

As funções de JavaScript podem melhorar a experiência

do usuário durante a navegação em um site. Quando
clicamos em um ícone para visualizar seu conteúdo, por
exemplo, ou quando observamos um carrossel de
imagens, é tudo graças ao JS!

A linguagem JavaScript possui algumas características

gerais que devem ser observadas:

1. Suporte Universal: todos os navegadores Web

suportam a linguagem JS;

2. Imperativa e Estruturada: JS suporta elementos de

sintaxe de programação da linguagem C, porém,
como o escopo em blocos ao estilo C por sua vez não
é suportado, o JS utiliza escopo a nível de função;

3. Dinâmica: tipos são associados a valores, não a

variáveis. JS suporta várias formas de testar o tipo de
um objeto, incluindo duck typing*;

*”Estilo de tipagem em que os métodos e as propriedades de um objeto determinam a

semântica válida, em vez de sua herança de uma classe particular ou interpretação de
uma interface explícita.” (Wikipedia)

6
 CODING_JAVASCRIPT 1
INTRODUÇÃO

4. Funcional: no JS as funções são de primeira classe, ou

seja, são objetos que possuem propriedades e
métodos, e podem ser passados como argumentos,
serem atribuídos a variáveis ou retornados como
outros objetos. Existem ainda as funções internas,
definidas dentro de outras funções e criadas toda vez
que as funções que as contêm (as externas) são
chamadas;

5. Baseada em protótipos: no JS a distinção entre uma

função e um método ocorre durante a sua chamada;

6. Extensões específicas: novos recursos de idiomas são

adicionados periodicamente, mas é importante estar
sempre atento aos mecanismos que suportam esses
novos recursos.

Neste momento você deve estar cheio de dúvidas,

tentando entender o que são funções, objetos e métodos,
mas fique tranquilo! A partir da próxima página todos esses
conceitos (e como funcionam na prática) ficarão muito
mais claros!

7
 CODING_JAVASCRIPT 1

UNIDADE

LÓGICA DE
PROGRAMAÇÃO

8
 CODING_JAVASCRIPT 1

Lógica de programação
UNIDADE 1

A lógica de programação é o conjunto de técnicas e

conceitos utilizados para criar programas de computador.
Ela é uma das habilidades fundamentais para a
programação, pois permite que os desenvolvedores
escrevam códigos que possam ser compreendidos,
mantidos e modificados facilmente.

Alguns dos conceitos básicos da lógica de programação

incluem:
• Algoritmos: são conjuntos de passos lógicos utilizados
para resolver problemas.
• Fluxo de controle: é o processo pelo qual o programa
decide qual ação realizar a seguir, baseado em
condições específicas.
• Estruturas de dados: são formas de armazenar e organizar
informações em um programa.
• Funções e procedimentos: são conjuntos de instruções
que podem ser reutilizadas em diferentes partes do
programa.

A lógica de programação é independente de qualquer

linguagem de programação específica, mas os conceitos
são implementados de maneira diferente em cada uma. Por
exemplo, em JavaScript temos a estrutura de controle
condicional, que permite que o programa tome decisões
baseadas em condições, ao passo que em outras
linguagens pode ser diferente.

Aprender lógica de programação é fundamental para se

tornar um desenvolvedor de software eficiente, pois isso
permite escrever códigos mais limpos, organizados e fáceis
de manter. Além disso, entender lógica de programação
ajuda a resolver problemas de forma eficiente e a pensar de
maneira prática e crítica, habilidades muito importantes
para qualquer área de trabalho.
9
 CODING_JAVASCRIPT 1
UNIDADE 1

A lógica de programação é usada em vários campos,

principalmente na programação de computadores, mas
também pode ser aplicada em outras áreas, como
engenharia, matemática, negócios, etc.

Na programação de computadores, a lógica de

programação é usada para escrever algoritmos e
programas de computador. Algoritmos são conjuntos de
instruções que são seguidas para resolver problemas e
realizar tarefas específicas. A lógica de programação é
usada para planejar e escrever esses algoritmos de maneira
clara e compreensível, independentemente da linguagem
de programação específica.

Na engenharia, a lógica de programação é usada para

projetar sistemas e controlar processos. Por exemplo, os
engenheiros podem usar lógica de programação para
projetar sistemas automatizados de controle de processos.

Na matemática, a lógica de programação é usada para

resolver problemas matemáticos complexos, como
otimização de funções, resolução de equações e análise de
dados.
Na área de negócios, a lógica de programação é usada
para analisar e interpretar dados de negócios, como
estatísticas de vendas e dados de mercado, para tomada
de decisões estratégicas.

Em resumo, a lógica de programação é usada para resolver

problemas e realizar tarefas, independente do campo de
atuação do profissional. Aprender lógica de programação
também abre muitas oportunidades de carreira. O setor de
tecnologia está em constante crescimento e há uma
grande demanda por profissionais capacitados nesta área.

10
 CODING_JAVASCRIPT 1

UNIDADE

ALGORITMOS

11
 CODING_JAVASCRIPT 1
UNIDADE 2

Algoritmos
Algoritmos são conjuntos de passos
lógicos e bem definidos que são
utilizados para resolver problemas e
realizar tarefas específicas. Eles são
escritos de maneira a ser
compreendidos e executados por
computadores, mas também
podem ser compreendidos e
seguidos por humanos. Algoritmos
são utilizados em muitas áreas,
como ciência da computação,
matemática, engenharia e
negócios, e são fundamentais para
a programação de computadores.

Os algoritmos são compostos por uma sequência de

etapas, chamadas de instruções, que são seguidas na
ordem especificada para atingir um resultado desejado.
Eles podem ser escritos usando uma variedade de
notações, como pseudocódigos ou diagramas de fluxo, e
devem ser claros, precisos e completos. Alguns exemplos
de algoritmos comuns incluem ordenação de dados, busca
de elementos em uma lista e cálculo de rotas.

Existem vários tipos de algoritmos, como algoritmos de

busca, ordenação, criptografia, compressão, grafos e
inteligência artificial. Cada tipo de algoritmo é projetado
para resolver um tipo específico de problema ou realizar
uma tarefa específica.

12
 CODING_JAVASCRIPT 1
UNIDADE 2

Pseudocódigo

Pseudocódigo é uma notação utilizada para descrever

algoritmos de maneira clara e compreensível tanto para
humanos quanto para computadores. Ele é chamado de
"pseudocódigo" porque não segue as regras sintáticas de
nenhuma linguagem de programação específica, mas
ainda assim é compreensível para quem entende de
programação. Ele é comumente utilizado para planejar e
escrever algoritmos antes de implementá-los em uma
linguagem de programação específica.
O pseudocódigo é geralmente escrito em uma linguagem
natural e inclui comandos e estruturas de controle de fluxo
comuns, como ‘se’, ‘enquanto’, ‘para’, entre outros, e
também inclui variáveis, constantes e funções. Ele pode ser
escrito de forma muito detalhada ou mais simplista,
dependendo do propósito do algoritmo e do nível de
detalhamento desejado.
Resumindo, o pseudocódigo é uma forma que criamos para
poder descrever como vamos solucionar o problema que
estamos enfrentando, em etapas bem definidas, e de
maneira clara.
Para ficar mais claro, de primeiro momento vamos fazer um
pseudocódigo para coisas que fazemos no dia a dia ou até
cozinhar algo.

Anote em uma folha de papel

qual passo a passo você
seguiria (as etapas) para, por
exemplo:
• Fritar um ovo
• Atravessar uma rua
• Preparar um café

13
 CODING_JAVASCRIPT 1
UNIDADE 2

Vamos comparar as suas listas de tarefas com as minhas!

14
 CODING_JAVASCRIPT 1
UNIDADE 2

E então? Aposto que nossas respostas foram bem diferentes,

não é mesmo?
É importante observar que, na programação, é comum
encontrar códigos diferentes para a mesma atividade. No
entanto, é importante lembrar que, no final, todos eles
buscam alcançar o mesmo resultado.

Seja fritando um ovo, atravessando a rua ou preparando

um café, a lógica de programação permite que
cheguemos ao mesmo resultado final, mesmo que os
caminhos sejam diferentes.
A lógica de programação permite que diferentes pessoas,
com diferentes habilidades e experiências, possam escrever
códigos para realizar a mesma tarefa. Isso é possível graças
à abstração e à formalização dos algoritmos que permitem
que diferentes pessoas possam entender e seguir as etapas
necessárias para alcançar o resultado desejado.

É importante notar que a diversidade de códigos escritos

para a mesma tarefa pode ser uma vantagem, pois permite
que diferentes pessoas tragam suas próprias perspectivas e
abordagens para o problema, o que pode levar a soluções
mais criativas e eficientes.

Além disso, a lógica de programação também permite que

os códigos sejam testados e validados antes de serem
implementados, garantindo que eles funcionem
corretamente e alcancem o resultado desejado. Isso é
fundamental para garantir que os programas e sistemas
sejam confiáveis e funcionem corretamente, sem erros ou
bugs.

15
 CODING_JAVASCRIPT 1
UNIDADE 2

Conclusão

Ao longo desta unidade, tivemos a oportunidade de

aprender sobre o que são algoritmos e como eles são
utilizados para resolver problemas de maneira lógica e
ordenada. Discutimos como os algoritmos são compostos
por passos bem definidos e como eles são executados pelos
computadores.

Também exploramos o conceito de pseudocódigo, que é

uma forma de escrever algoritmos de maneira clara e
facilmente compreensível, utilizando uma mistura de código
e linguagem natural. Vimos como o pseudocódigo pode ser
uma ferramenta valiosa para planejar e projetar algoritmos
antes de escrever o código de verdade.

Além de aprender sobre algoritmos e pseudocódigos,

também pudemos praticar um pouquinho. Você pode não
ter percebido, mas ao descrever o passo a passo para as
ativiades que propusemos (fritar um ovo, atravessar a rua e
preparar café), contruiu seu primeiro Código – ainda que
bem simples neste primeiro momento! Isso nos permitiu
solidificar nossos conhecimentos e desenvolver nossa
habilidade de pensamento lógico e analítico.

Esta primeira unidade, apesar de simples e ainda muito

conceitual, foi uma jornada valiosa para entender a base
da programação e como seguir uma lógica para resolver
problemas.

16
 CODING_JAVASCRIPT 1

UNIDADE

DIAGRAMAS

17
 CODING_JAVASCRIPT 1
UNIDADE 3

Diagramas
Os diagramas são desenhos
ou esboços que ajudam a
representar fluxos de
informações de maneira visual
e fácil de entender.

Eles podem ser usados para

mostrar coisas diferentes,
como processos, sistemas,
relacionamentos e estruturas.

Por exemplo, imagine que você quer ensinar a alguém

como funciona o seu computador. Você pode usar um
diagrama para mostrar como as diferentes peças do
computador (como o processador, a memória e o disco
rígido) estão conectadas e trabalham juntas para fazer o
computador funcionar.

Outro exemplo seria ensinar a alguém como fazer uma

receita de bolo. Você pode usar um diagrama para mostrar
as etapas, o passo a passo, como medir os ingredientes,
misturá-los e colocá-los no forno.

Os diagramas são uma forma de explicar coisas de maneira

simples e fácil de entender, especialmente se as
informações são complexas ou se há muitos passos
envolvidos. Eles ajudam as pessoas a entenderem como as
coisas funcionam, como as etapas se relacionam e como
seguir instruções.

18
 CODING_JAVASCRIPT 1
UNIDADE 3

Introdução aos simbolos de um diagrama

Antes de mergulharmos em um exemplo de diagrama de

fluxo, é importante que você esteja familiarizado com os
principais símbolos utilizados para criá-lo.

Esses símbolos são fundamentais para representar de

maneira precisa e clara as etapas e as decisões envolvidas
no processo. Portanto, é essencial que você dedique
algum tempo para estudá-los antes de olhar o exemplo
que apresentaremos.

Desta forma, você poderá entender e interpretar

corretamente o diagrama, o que facilitará a compreensão
e aplicação do processo representado.

Símbolo de Indica o início/fim de

início/fim um processo

Representa uma
Símbolo de
etapa do seu
Processo processo

Indica uma decisão e seus

Símbolo de possíveis resultados (sim ou
Decisão não) que determinam a
próxima etapa

Use este símbolo para conectar

Setas e linhas
diferentes elementos e mostrar
de conexão
as relações entre as formas

19
 CODING_JAVASCRIPT 1
UNIDADE 3

Construindo um diagrama

Vamos ilustrar com um exemplo: imagine que hoje é um

domingo comum e você precisa decidir como passará o
dia. Você precisa avaliar se irá sair ou ficar em casa, se irá à
praia ou assistir TV.

Para ajudar a tomar esta decisão, vamos analisar as

diferentes situações que podem influenciar a escolha de ir
ou não à praia utilizando um diagrama. Veja o exemplo a
seguir:

20
 CODING_JAVASCRIPT 1
UNIDADE 3

Como foi demonstrado no exemplo anterior, utilizei um

diagrama de fluxo para planejar minhas decisões do
domingo.

Isso me permitiu visualizar as diferentes opções e escolher a

melhor, tornando o processo de planejamento do meu dia
mais fácil e eficiente.

Além disso, o uso do diagrama me ajudou a identificar

possíveis problemas ou obstáculos e a encontrar soluções
para eles, garantindo que o meu dia se desenrolasse de
maneira suave e sem surpresas desagradáveis.

21
 CODING_JAVASCRIPT 1
UNIDADE 3

Exercícios

Agora vamos praticar a construção de diagramas!

1
Prepare um diagrama que ilustre o fluxo de
atividades para a preparação de café. Mostre
todas as etapas como colocar água no bule,
colocar o pó de café, esperar a água ferver,
despejar na xícara, adoçar, etc.

2
Prepare um diagrama que Ilustre o fluxo de
atividades ao fazer compras. Mostre as
etapas desde sair de casa até chegar ao
supermercado, escolher os itens, pagar e
voltar para casa.

3
Prepare um diagrama que Ilustre o fluxo de
atividades envolvidas no ato de tomar banho.
Mostre as etapas de tirar a roupa, entrar no
chuveiro, limpar o corpo, sair do chuveiro e
se secar.

Prepare um diagrama que Ilustre o fluxo de

4 atividades envolvidas na lavagem da

louça. Mostre as etapas de colocar a louça
suja na pia, esfregar, enxaguar e guardar.

22
 CODING_JAVASCRIPT 1
UNIDADE 3

Conclusão

É importante lembrar que os diagramas são uma ferramenta

valiosa para ajudar a planejar, visualizar e comunicar
informações de maneira eficiente. Eles podem ser usados
em várias áreas como programação, engenharia, negócios,
etc.

Construir diagramas corretamente e, principalmente, saber

expressar apropriadamente o fluxo de informações e
atividades, é uma habilidade muito valiosa dentro de
qualquer segment professional. E é ainda mais importante
para aqueles que desejam atuar com programação de
computadores e desenvolvimento.
Portanto, aproveite e pratique bastante esta lição
aprendida na unidade 3!

23
 CODING_JAVASCRIPT 1

UNIDADE

CONFIGURANDO
O AMBIENTE DE
DESENVOLVIMENTO

24
 CODING_JAVASCRIPT 1
UNIDADE 4

Configurando o ambiente
de desenvolvimento
IDE: Integrated Development Environment
Integrated Development Environment (IDE) é um software
que fornece uma série de ferramentas para auxiliar o
desenvolvedor na criação de aplicativos. As IDEs são
projetadas para tornar o processo de codificação mais fácil
e eficiente, oferecendo recursos como edição de código,
depuração, controle de versão, gerenciamento de projetos
e integração com outras ferramentas de desenvolvimento.

Baixando e instalando nossa IDE

Vamos utilizar uma IDE altamente popular e amplamente
utilizada, chamada Visual Studio Code, que oferece
recursos avançados de edição de código e depuração,
além de uma ampla variedade de extensões e plugins para
personalizar a sua experiência de desenvolvimento. Com
ela, poderemos escrever, testar e depurar nossos códigos
com facilidade e eficiência, garantindo que tudo esteja
funcionando corretamente.

25
 CODING_JAVASCRIPT 1
UNIDADE 4

No seu computador iremos acessar o link

https://code.visualstudio.com/Download
Logo ao entrar visualizaremos esta interface:

Verifique qual o sistema operacional que sua máquina

utiliza e instale de acordo com o seu.

26
 CODING_JAVASCRIPT 1
UNIDADE 4

NodeJs

Para garantir uma experiência de

desenvolvimento completa, iremos baixar e
instalar o Node.js, que é crucial para a
execução de códigos JavaScript no lado
do servidor. Ele fornece uma plataforma
estável e escalável para construir
aplicativos web e outros tipos de aplicativos,
além de fornecer acesso a recursos do
sistema operacional, como arquivos e
bancos de dados. Com o Node.js,
poderemos escrever, testar e executar
nossos códigos com facilidade e eficiência.

Baixando e instalando o NodeJS

No seu computador iremos acessar o link
https://nodejs.org/en/download/
Logo ao entrar visualizaremos esta interface:

Verifique qual o sistema operacional que sua máquina

utiliza e instale de acordo com o seu.

27
 CODING_JAVASCRIPT 1
UNIDADE 4

Configurando nossa IDE

Ao abrirmos o Virtual Studio Code, iremos nos deparar com
esta tela:

28
 CODING_JAVASCRIPT 1
UNIDADE 4

Antes de iniciarmos o desenvolvimento de nossos códigos,

iremos instalar algumas extensões úteis disponíveis no
próprio Visual Studio Code.

Essas extensões vão ajudar a melhorar a nossa experiência

de codificação, como por exemplo, uma extensão que
destaca sintaxe com cores, outra que fornece sugestões de
autocompletar e até mesmo uma extensão que nos alerta
sobre erros no código.

Vamos começar, siga os passos a seguir:

Passo 1:
Na aba do lado esquerdo do nosso VScode nos vamos
clicar no icone de extensões

29
 CODING_JAVASCRIPT 1
UNIDADE 4

Passo 2:
Iremos clicar nesta barra de pesquisa e pesquisar as
extensões:

• Dracula Official (Dracula Theme)

• ESLint (Microsoft)
• npm Intellisense (Christian Kohler)

Passo 3:
Ao abrir cada um das extensões exigidas no passo 2, iremos
apertar no botão "install" para instalar a extensão

30
 CODING_JAVASCRIPT 1
UNIDADE 4

Conclusão

Agora que concluímos com sucesso os passos de instalação

das extensões do VSCode, estamos prontos para iniciar, de
fato, nossa emocionante jornada de desenvolvimento em
JavaScript!

Na próxima unidade teremos uma visão geral detalhada

sobre a linguagem JavaScript, incluindo sua história e
princípios básicos, além de escrevermos nosso primeiro
código utilizando a linguagem.

Vamos mergulhar nas funcionalidades e capacidades do

JavaScript, e começar a criar aplicativos dinâmicos e
interativos.

Lembre-se de que este é apenas o começo de uma incrível

jornada de aprendizado, então esteja animado e
preparado para explorar todo o potencial da linguagem
JavaScript e se tornar um desenvolvedor experiente e
habilidoso!

31
 CODING_JAVASCRIPT 1

UNIDADE

INTRODUÇÃO
AO JAVASCRIPT

32
 CODING_JAVASCRIPT 1
UNIDADE 5

Introdução ao Javascript
Sua história

JavaScript é uma linguagem de programação de alto nível,

interpretada e dinâmica. É amplamente utilizada para
desenvolvimento web, mas também é usada em aplicativos
móveis, jogos e outras aplicações.

A história do JavaScript começa em 1995, quando a

Netscape Communications Corporation decidiu incluir uma
linguagem de script em seu navegador Netscape
Navigator. Eles contrataram o programador Brendan Eich
para desenvolver a linguagem em apenas 10 dias, e o
resultado foi o JavaScript. Inicialmente, o JavaScript foi
chamado de Mocha, depois de LiveScript, antes de
finalmente ser chamado de JavaScript.

Desde então, o JavaScript se tornou uma das linguagens de

programação mais populares do mundo. Ele é suportado
por todos os principais navegadores web, incluindo Chrome,
Firefox, Safari e Internet Explorer. Ele também é usado em
conjunto com outras tecnologias web, como HTML e CSS,
para criar aplicativos web interativos e dinâmicos.

A evolução do JavaScript tem sido constante, com a

introdução de novos recursos e melhorias para torná-lo mais
poderoso e fácil de usar. Hoje, o JavaScript é uma das
principais linguagens de programação utilizadas para o
desenvolvimento web e continua a ser um dos principais
recursos para desenvolvedores de softwares.

33
 CODING_JAVASCRIPT 1
UNIDADE 5

Criando nossa pasta e arquivo na IDE

Antes de iniciarmos, vamos criar uma pasta em

um local de sua preferência. Como exemplo, vou
criar a pasta na minha área de trabalho e
nomeá-la como "Estudos em JavaScript".

Agora que configuramos nossa IDE e criamos nossa pasta,

vamos partir para a prática!

Iremos no aba lateral esquerda e voltaremos para

esta aba:

Após abrir a aba, clique em 'Open Folder' e localize a pasta

desejada. Entre nessa pasta e selecione-a:

Após abrirmos a pasta iremos criar um novo arquivo e

chama-lo de "Aula1-Primeiro-Comando.js“. Lembre-se de
colocar sempre o .js no final do arquivo para indicar que ele
é um arquivo JavaScript:

Criar novo
arquivo

34
 CODING_JAVASCRIPT 1
UNIDADE 5

Primeiro codigo em JavaScript

Com o nosso arquivo que acabamos de criar aberto, iremos

digitar ao lado o comando "console.log('Hello World').

O comando console.log() é utilizado para exibir informações

no console do navegador ou no console de uma aplicação
Node.js.

É comumente usado para depurar o código e verificar o

valor de variáveis durante o desenvolvimento de software.
Por exemplo, você pode usar o comando
"console.log('mensagem')" para imprimir uma mensagem no
console, ou "console.log(valorDaVariavel)" para verificar o
valor de uma determinada variável.
Lembre-se de que as mensagens devem estar entre aspas
para que o compilador as interprete como mesagem(string).

Existem algumas palavras mencionadas, como 'variáveis' e

'strings', que você pode não entender completamente
agora, mas a medida que você for avançando neste curso,
vai adquirir o conhecimento necessário para compreender
esses conceitos.

35
 CODING_JAVASCRIPT 1
UNIDADE 5

Rodando o primeiro codigo em JavaScript

Agora que criamos nosso primeiro codigo em JS, iremos

rodar o comando que digitamos, para verificar se o mesmo
está funcionando da forma esperada.
Ao pressionar as teclas "CTRL + J" dentro do Virtual Studio
Code, você pode abrir o terminal integrado, que será
utilizado para rodar o JavaScript e olhar todas as saidas que
pedimos.

Você poderá executar seu arquivo JavaScript recém-criado

e verificar o resultado usando o comando "node
nomeDoArquivo.js"

Como podemos ver, ao rodar o node para executar nosso

codigo, ele trouxe a mensagem que estávamos esperando!

36
 CODING_JAVASCRIPT 1
UNIDADE 5

Comentarios no JavaScript

Os comentários em JavaScript são linhas de código

ignoradas pelo interpretador JavaScript, mas que servem
para incluir notas ou descrições no código para ajudar a
entender o que está acontecendo.

Existem dois tipos de comentários no JavaScript:

1. Comentários de linha única: são iniciados com "//" e
continuam até o final da linha. Tudo o que estiver depois
dos "//" será considerado um comentário. Exemplo:

2. Comentários de múltiplas linhas: são iniciados com "/" e

terminam com "/". Tudo o que estiver entre esses caracteres
será considerado um comentário. Exemplo:

Os comentários são uma boa prática na programação, pois

ajudam a explicar o que o código está fazendo, e facilitam
a manutenção e o entendimento do código por outros
desenvolvedores. Fazendo uma analogia bem simples, é
como incluir um comentário numa célula de Excel para
explicar um número mostrado ali. O comentário não implica
no cálculo em si, apenas agrega uma informação para o
leitor.

37
 CODING_JAVASCRIPT 1
UNIDADE 5

Conclusão

Finalizamos a unidade de configuração de ambiente de

desenvolvimento com a IDE Virtual Studio Code.
Aprendemos a baixar e instalar a IDE, configurar extensões e
atalhos úteis para tornar nosso fluxo de trabalho mais
eficiente.

Criamos uma pasta para armazenar nosso projeto e dentro

dela, criamos um arquivo JavaScript com o nome "Aula1-
Primeiro-Comando.js". Escrevemos uma linha de código
básica, como a impressão de uma mensagem no console
utilizando o comando console.log().

Finalmente, utilizamos o terminal integrado do VSCode para

executar o arquivo JavaScript recém-criado, digitando o
comando "node Aula1-Primeiro-Comando.js" e pressionando
enter. Com isso, foi possível ver o resultado esperado,
impresso no console da IDE.
Agora estamos prontos para continuar aprendendo e
desenvolvendo nossas habilidades em JavaScript, com a
segurança de que estamos trabalhando em um ambiente
de desenvolvimento configurado corretamente!

38
 CODING_JAVASCRIPT 1

UNIDADE

VARIÁVEIS

39
 CODING_JAVASCRIPT 1
UNIDADE 6

Variáveis
Variaveis são como caixas virtuais onde você pode guardar
informações para usar mais tarde. Por exemplo, imagine
que você está fazendo uma lista de compras e quer
guardar o nome de um item que você precisa comprar.

Você pode criar uma caixa virtual chamada "item1" e

guardar o nome "Arroz" nela. Depois, se você precisar
verificar o que está na sua lista de compras, basta olhar
para a caixa "item1" e ver que está escrito "Arroz" lá.
Em programação, as variáveis funcionam de maneira
semelhante. Elas permitem que você armazene
informações, como números, textos e objetos, e depois
acesse essas informações quando precisar. Isso facilita a
organização e a reutilização de informações em seu
código.
Em resumo, as variáveis são ferramentas úteis para
armazenar e acessar informações de forma organizada e
eficiente em seu código.

Em JavaScript, é necessário declarar uma variável antes de

usá-la, usando a palavra-chave "var", "let" ou "const" e
atribuindo um valor a ela. Por exemplo:

Na matemática, o símbolo "=" é usado para indicar uma

igualdade, ou seja, que dois valores são idênticos. Por
exemplo, 2 + 2 = 4.

Na programação, especificamente em Javascript, o

símbolo "=" também é usado para atribuir um valor a uma
variável. Por exemplo, var x = 5;. Neste caso, a variável "x" é
atribuída o valor 5.

40
 CODING_JAVASCRIPT 1
UNIDADE 6

É importante destacar que, em JavaScript, não é possível

criar uma nova variável com o mesmo nome de outra já
existente. No entanto, é possível modificar o valor de uma
variável já existente.

Neste exemplo, criamos três variáveis: "nome", "idade" e

.
"pi“, e atribuímos valores a elas. A variável "nome" é do tipo
string, "idade" é do tipo number e "pi" é do tipo constante.

As variáveis são muito importantes na programação, pois

permitem que você armazene e acesse informações de
forma organizada e eficiente. Além disso, as variáveis são
fundamentais para a construção de algoritmos e para a
realização de cálculos e operações matemáticas

Diferença entre var, let e const

A principal diferença entre "var“, "let" e "const" é como eles

lidam com escopo e mutabilidade de variáveis.

• "var" é uma palavra-chave utilizada para declarar

variáveis em JavaScript. Ela tem escopo de função e
pode ser redeclarado e reatribuído.
• "let" é uma palavra-chave para declarar variáveis. Ela
tem escopo de bloco e pode ser reatribuída, mas não
pode ser redeclarada dentro do mesmo escopo de
bloco.

• "const" é uma palavra-chave para declarar variáveis. Ela

também tem escopo de bloco, mas diferente de “let”, a
variável declarada com “const” é imutável, ou seja,
uma vez atribuído um valor, não pode ser reatribuído
novamente.

41
 CODING_JAVASCRIPT 1
UNIDADE 6

Escopo de bloco

O escopo de bloco se refere ao âmbito no qual uma

variável é acessível no código. Ele determina onde uma
variável é declarada e onde pode ser utilizada no código.
• Quando você declara uma variável com "var" ela tem
escopo de função, isso significa que a variável é
acessível em toda a função onde foi declarada,
independentemente de onde no código ela foi criada.

Isso pode causar problemas de conflito se duas variáveis

com o mesmo nome são criadas em diferentes partes da
função.

• Quando você declara uma variável com "let" ou "const"

ela tem escopo de bloco, isso significa que a variável só
é acessível dentro do bloco de código onde ela foi
declarada, ou dentro dos blocos filhos aninhados dentro
dele. Isso ajuda a evitar conflitos de nome de variável e
aumenta a legibilidade do código.

Exemplo:

A variável x foi declarada dentro do bloco if, então ela só é

acessível dentro do bloco. Caso você tente acessá-la fora
do escopo de bloco ou função, ocorrerá um erro.

42
 CODING_JAVASCRIPT 1
UNIDADE 6

Conclusão

Em resumo, nesta unidade, aprendemos sobre variáveis e

sua importância no desenvolvimento de programas. Vimos
as diferenças entre as palavras-chave “var”, “let” e “const”,
que são utilizadas para declarar variáveis em JavaScript.

Também discutimos o conceito de escopo de bloco, que

determina o acesso e a visibilidade de variáveis em
diferentes partes do código.

Em geral, “var” tem escopo global e de função; “let” tem

escopo global, de função e de bloco; e “const” tem escopo
global, de função e de bloco, mas não pode ser reatribuída.

Entender esses conceitos é fundamental para escrever

código JavaScript eficiente e organizado.
Ao usar as palavras-chave corretas para declarar variáveis e
entender como o escopo de bloco afeta o acesso a elas,
você pode evitar erros comuns e garantir que seu código
funcione como desejado.

43
 CODING_JAVASCRIPT 1

UNIDADE

TIPOS DE DADOS
NO JAVASCRIPT

44
 CODING_JAVASCRIPT 1
UNIDADE 7

Tipos de dados no Javascript

Conhecendo os tipos de dados

Os tipos de dados são como os diferentes tipos de

recipientes que usamos para guardar informações no
computador. Cada tipo de recipiente é projetado para
guardar um tipo específico de informação, como
números, letras ou datas.
Por exemplo, imagine que você está fazendo uma lista de
compras. Para guardar os nomes dos itens que você
deseja comprar, você pode usar um recipiente chamado
"string" (cadeia de caracteres), que é projetado para
guardar letras e palavras.
Se você quiser guardar o preço de cada item, você
poderá usar um recipiente chamado "number", que é
projetado para guardar números.
Além disso, existem outros tipos de recipientes mais
avançados, como "array" e "objeto", que são projetados
para guardar várias informações ao mesmo tempo, em
vez de apenas uma.

Em resumo, os tipos de dados são como diferentes tipos de

recipientes que usamos para guardar informações no
computador, cada um projetado para guardar um tipo
específico de informação.

Veja os exemplos:

45
 CODING_JAVASCRIPT 1
UNIDADE 7

Conhecendo os tipos de dados

• Number: O tipo number é utilizado para representar

números. Ele pode armazenar valores inteiros ou de ponto
flutuante (com casas decimais). O tipo number é
compatível com operações matemáticas básicas, como
adição, subtração, multiplicação e divisão, bem como
outras operações, como arredondamento, conversão
para string e comparação. Exemplo de uso:

• String: O tipo string é utilizado para representar

sequências de caracteres. Ele pode armazenar uma ou
mais palavras, frases ou qualquer outro conjunto de
caracteres. O tipo string é compatível com operações
como concatenação, extração de substrings,
comparação e conversão para maiúsculas/minúsculas.
Exemplo de uso:

Na terceira linha do exemplo anterior, o operador '+' é

usado para concatenar (juntar) as strings "Mateus" e
"Alves", e armazenar o resultado na variável fullName.

A operação de concatenação é usada para unir duas ou

mais strings em uma única string. Neste caso, a string
"Mateus" é concatenada com o espaço em branco e a
string "Alves", resultando na string "Mateus Alves". O
operador '+' é usado para indicar a operação de
concatenação.

Note que o operador + tem uma dupla função, além de

concatenar strings, ele também é utilizado para somar
valores numéricos.
46
 CODING_JAVASCRIPT 1
UNIDADE 7

No caso de soma entre números, o JavaScript realiza a

operação matemática corretamente, mas se tentarmos
somar um número com uma string ou dois strings, o
JavaScript vai interpretar como uma concatenação.
Exemplos:

Esse comportamento pode ser usado para facilitar a

construção de strings com valores variáveis.

• Boolean: O tipo Boolean em JavaScript é usado para

representar valores verdadeiros ou falsos. Ele pode ser
declarado usando a palavra-chave "boolean" e pode
assumir os valores "true" ou "false". Exemplos:

Os valores booleanos também podem ser retornados a

partir de expressões de comparação, por exemplo:

47
 CODING_JAVASCRIPT 1
UNIDADE 7

Em JavaScript, alguns valores são avaliados como "falsy"

(falso) quando usados em expressões lógicas, enquanto
outros são avaliados como "truthy" (verdadeiro). Os valores
"falsy" incluem "false", 0, "", null, undefined, e NaN. Todos os
outros valores são considerados "truthy"(verdadeiro).

• Undefined: o tipo undefined é usado para indicar que

algo não foi definido ou não tem um valor atribuído. Isso
pode acontecer com variáveis que foram declaradas,
mas não foram inicializadas com um valor específico, por
exemplo:

Também pode acontecer quando uma função não

retorna um valor. Então ela é considerada como tendo o
valor undefined.
Por exemplo, se você tentar acessar o valor de uma
variável que não foi inicializada, o JavaScript retornará
undefined. Ou se você tentar acessar uma propriedade de
um objeto que não existe, o JavaScript também retornará
undefined.

É importante lembrar que undefined é diferente de null,

que é usado para indicar que uma variável não tem
nenhum valor intencionalmente atribuído.
• Null: O tipo null é usado para indicar que uma variável
não tem um valor. Ele é diferente de undefined, que
indica que a variável foi declarada, mas não foi
atribuída a nenhum valor.

Por exemplo, se você declarar uma variável como

ela terá o valor null, o que significa que você

intencionalmente não está atribuindo nenhum valor a
ela.

48
 CODING_JAVASCRIPT 1
UNIDADE 7

Exercícios

Vamos à pratica!

Crie um arquivo chamado "Aula2-tipos-de-dados.js" para

realização dos exercícios a seguir. Não se esqueça de usar
o terminal para poder executar o codigo!

1. Crie uma variável chamada "numeroPi" e atribua o

valor de 3.14 a ela. Em seguida, exiba o valor dessa
variável no console.

2. Crie uma variável chamada "minhaFraseFavorita" e

atribua uma frase de sua escolha a ela. Em seguida,
exiba o valor dessa variável no console.
3. Crie uma variável chamada "estudandoJavaScript" e
atribua true ou false (considerando sua situação no
momento!). Em seguida, exiba o valor dessa variável
no console.
4. Crie uma variável chamada "meuValorNulo" e atribua
o valor null a ela. Em seguida, exiba o valor dessa
variável no console.

5. Crie uma variável chamada "meuValorIndefinido" sem

atribuir nenhum valor a ela. Em seguida, exiba o valor
dessa variável no console.

49
 CODING_JAVASCRIPT 1
UNIDADE 7

Conclusão da unidade

Com a conclusão desta unidade, temos agora uma

compreensão sólida dos tipos de dados básicos em
JavaScript: number, string, boolean, null e undefined.
Aprendemos como declarar e utilizar variáveis com esses
tipos de dados, e como exibir seus valores no console.

Mas não paramos por aqui! Continuaremos aprofundando

nosso conhecimento em JavaScript e veremos dois tipos de
dados um pouco mais complexos: arrays e objetos, e como
eles podem ser utilizados para armazenar e manipular
dados de forma mais avançada.

Lembre-se de continuar praticando e experimentando com

os conceitos aprendidos, isso é essencial para solidificar seus
conhecimentos!

50
 CODING_JAVASCRIPT 1

UNIDADE

OPERADORES
MATEMÁTICOS
NO JAVASCRIPT

51
 CODING_JAVASCRIPT 1
UNIDADE 8

Operadores matemáticos no
JavaScript
Introdução aos operadores matemáticos

Os operadores matemáticos do JavaScript nos permitem

realizar diversas operações através do uso de símbolos
específicos. Alguns desses símbolos podem ser diferentes dos
utilizados em operações matemáticas tradicionais. Nesta
unidade, vamos explorar os operadores básicos e seus
respectivos símbolos, para que você possa realizar
operações matemáticas eficientemente no JavaScript.

• Adição (+): Este operador é usado para adicionar dois

números juntos. Por exemplo:

• Subtração (-): Este operador é usado para subtrair um

número de outro. Por exemplo:

• Multiplicação (*): Este operador é usado para multiplicar

dois números. Por exemplo:

• Divisão (/): Este operador é usado para dividir um número

por outro. Por exemplo, 15 / 3 = 5.

52
 CODING_JAVASCRIPT 1
UNIDADE 8

• Resto da divisão (%): Este operador é usado para

calcular o resto da divisão de um número por outro. Por
exemplo:

• Potencia (**): Este operador é usado para calcular

potências. Por exemplo:

A ordem de operações em JavaScript (e em outras

linguagens de programação) segue a regra matemática
conhecida como PEMDAS, que significa Parenteses,
Exponenciação, Multiplicação e Divisão (da esquerda para
a direita), Adição e Subtração (da esquerda para a direita).

Isso significa que, quando há operações dentro de

parênteses, essas operações são realizadas primeiro. Depois
disso, as operações de exponenciação são realizadas,
seguidas pelas operações de multiplicação e divisão, e,
finalmente, as operações de adição e subtração.

Para garantir que uma operação específica seja realizada

primeiro, você pode usar parênteses para agrupá-la. Por
exemplo, em vez de escrever "2 + 3 * 4", você pode escrever
"(2 + 3) * 4" para garantir que a soma de 2 e 3 seja realizada
primeiro e, em seguida, o resultado seja multiplicado por 4.

53
 CODING_JAVASCRIPT 1
UNIDADE 8

Operadores de atribuição em JavaScript

Os operadores de atribuição em JavaScript são como

atalhos para atribuir valores a variáveis. Eles nos permitem
fazer isso de maneira mais rápida e concisa.

Por exemplo, imagine que você tem uma variável

chamada "idade" e deseja adicionar 1 a ela.

Em vez de escrever:

Você pode usar o operador de atribuição "+=" e escrever:

Isso faz a mesma coisa, mas é mais curto e fácil de ler.

Além do "+=", existem outros operadores de atribuição,
como "-=", "*=", "/=" e "%=".

54
 CODING_JAVASCRIPT 1
UNIDADE 8

Operadores incremento e decremento

em JavaScript

Os operadores de incremento e decremento em JavaScript

são utilizados para aumentar ou diminuir o valor de uma
variável em uma unidade, respectivamente.

O operador de incremento é o "++" e o operador de

decremento é o "--". Por exemplo, se você tiver uma
variável chamada "contador" com o valor inicial de 5, você
pode usar o operador de incremento "++" para aumentar o
valor para 6, e o operador de decremento "--" para diminuir
o valor para 4.

Aqui vai o exemplo para ficar mais claro:

55
 CODING_JAVASCRIPT 1
UNIDADE 8

Calculos e operações matematicas com variaveis

Em JavaScript, você pode realizar cálculos matemáticos

usando variáveis. Aqui vai um exemplo de operações
matemáticas comum que você pode realizar:

• Adição:

Explicando linha por linha:

a) 1. Cria uma variável chamada "num1" e atribui o valor 5 a

ela.
b) 2. Cria uma variável chamada "num2" e atribui o valor 10
a ela.
c) 3. Cria uma variável chamada "result" e atribui o resultado
da soma de "num1" (5) e "num2" (10) a ela, resultando em
"result" = 15.

d) 4. Imprime o valor da variável "result"(15) no console do

navegador usando a função "console.log()".

56
 CODING_JAVASCRIPT 1
UNIDADE 8

Exercícios

Vamos à prática! A seguir, apresentaremos alguns

exercícios envolvendo cálculos e operações matemáticas
com variáveis para você colocar em prática utilizando a
nossa IDE Virtual Studio Code. Lembre-se de rodar o codigo
utilizando o comando console.log(), e no terminal, usar o
node "nomeDoArquivo" para termos certeza de estarmos
obtendo o resultado esperado.

Crie um arquivo chamado "Aula3-operadores-

matematicos.js" para realização dos exercicios a seguir.
Não se esqueça de usar o terminal para poder executar o
codigo!

1. Imprima na tela sua idade multiplicada por ela

mesma;

2. Imprima sua idade considerando uma adição de 20 a

ela, e depois multiplicando o resultado por 5;

3. Imprima na tela o resultado da divisão de 10 por 5;

4. Imprima na tela sua idade elevada ao quadrado.

Agora que temos uma compreensão clara de como essa

funcionalidade trabalha, vamos utilizar a mesma estrutura
apresentada na imagem anterior e inserir o código na
nossa IDE. Além disso, faremos uma alteração simples,
substituindo o valor 'x' por qualquer número de sua escolha.

57
 CODING_JAVASCRIPT 1
UNIDADE 8

Para prosseguir com os nossos estudos, vamos criar um

novo arquivo chamado 'Aula4-operadores-atribuicao.js' e
realizar os exercícios a seguir:

1. Utilize o "-=" para imprimir uma mensagem

2. Utilize o "*=" para imprimir uma mensagem

3. Utilize o "/=" para imprimir uma mensagem

4. Utilize o "%=" para imprimir uma mensagem

Crie agora um novo arquivo chamado 'Aula5-incremento-

decremento.js' e realize os exercícios a seguir:

1. Crie uma variável chamada "contador" e atribua o

valor inicial de 0. Use o operador de incremento
para aumentar o valor da variável em 1;

2. Crie uma variável chamada "pontos" e atribua o

valor inicial de 10. Use o operador de decremento
para diminuir o valor da variável em 1;

3. Crie uma variável chamada "idade" e atribua o

valor inicial de 20. Em seguida, use o operador de
incremento para aumentar a idade em 1.

58
 CODING_JAVASCRIPT 1
UNIDADE 8

Crie um novo arquivo chamado "Aula6-calculos-com-

variaveis.js" e realize os proximos exercicios.
• Calcular a subtração de dois números reais: a - b

• Calcular a multiplicação de três números inteiros: x * y * z

• Calcular o valor de uma potência: x ** y

• Calcular o resto da divisão inteira de dois números
inteiros: x % y
• Calcular a divisão de dois números reais: a / b

59
 CODING_JAVASCRIPT 1
UNIDADE 8

Conclusão

Em resumo, nesta unidade, estudamos os operadores

matemáticos básicos em JavaScript. Além disso,
aprendemos sobre os operadores de atribuição, que são
utilizados para atribuir valores a variáveis.

Discutimos também os operadores de incremento e

decremento, que permitem aumentar ou diminuir o valor de
uma variável em uma unidade.

Também aprendemos como realizar cálculos e operações

matemáticas utilizando variáveis, o que é fundamental para
escrever códigos JavaScript que realizam tarefas
matemáticas.

Entendemos como os operadores matemáticos podem ser

combinados para realizar operações mais complexas e
como as variáveis podem ser utilizadas para armazenar e
manipular valores numéricos.

60
 CODING_JAVASCRIPT 1

UNIDADE

OPERADORES DE
COMPARAÇÃO

61
 CODING_JAVASCRIPT 1
UNIDADE 9

Operadores de comparação
Os operadores de comparação são utilizados em JavaScript
para comparar valores e determinar se eles são iguais ou
diferentes. Esses operadores permitem que você verifique se
duas variáveis possuem o mesmo valor, se uma variável é
maior ou menor do que outra, e muito mais. Eles são
fundamentais para a construção de algoritmos e lógica de
programação.

Existem vários tipos de operadores de comparação em

JavaScript, cada um com sua própria funcionalidade e
propósito. Alguns dos operadores mais comuns incluem:

• Igual (==): Este operador verifica se os valores de duas

variáveis são iguais. Ele não leva em conta o tipo de
dado, então ele pode comparar um número com uma
string, por exemplo.

• Igual e do mesmo tipo (===): Este operador verifica se os

valores de duas variáveis são iguais e se os tipos de
dados são os mesmos. Isso significa que ele não pode
comparar um número com uma string, por exemplo.

62
 CODING_JAVASCRIPT 1
UNIDADE 9

• Diferente (!=): Este operador verifica se os valores de duas

variáveis são diferentes. Ele não leva em conta o tipo de
dado.

• Diferente e do mesmo tipo (!==): Este operador verifica se

os valores de duas variáveis são diferentes e se os tipos de
dados são os mesmos.

• Menor que (<): Este operador verifica se o valor de uma

variável é menor do que o valor de outra variável. Ele é
utilizado para comparar números e strings.

• Maior que (>): Este operador verifica se o valor de uma

variável é maior do que o valor de outra variável. Ele é
utilizado para comparar números e strings.

63
 CODING_JAVASCRIPT 1
UNIDADE 9

• Menor ou igual (<=): Este operador verifica se o valor de

uma variável é menor ou igual ao valor de outra variável.
Ele é utilizado para comparar números e strings.

• Maior ou igual (>=): Este operador verifica se o valor de

uma variável é maior ou igual ao valor de outra variável.
Ele é utilizado para comparar números e strings.

64
 CODING_JAVASCRIPT 1
UNIDADE 9

Exercícios

Crie um arquivo chamado "Aula7-operadores-

comparacao.js" para realização dos exercicios a seguir. Não
se esqueça de usar o terminal para poder executar o
codigo!

1. Crie duas variáveis, "a" e "b", e atribua valores

diferentes a elas. Em seguida, utilize o operador de
comparação "==" para verificar se os valores das
variáveis são iguais.

2. Repita o exercício acima, mas desta vez use o

operador de comparação "===" para verificar a
igualdade.

3. Crie duas variáveis, "c" e "d", e atribua valores

diferentes a elas. Em seguida, utilize o operador de
comparação "!=" para verificar se os valores das
variáveis são diferentes.

4. Repita o exercício acima, mas desta vez use o

operador de comparação "!==" para verificar a
diferença.

5. Crie duas variáveis, "e" e "f", e atribua valores numéricos

a elas. Em seguida, utilize os operadores de
comparação ">" e "<" para verificar qual valor é maior
ou menor.

6. Repita o exercício acima, mas desta vez use os

operadores de comparação ">=" e "<=" para verificar
se um valor é maior ou igual ou menor ou igual ao
outro.
65
 CODING_JAVASCRIPT 1
UNIDADE 9

Conclusão

Os operadores de comparação são fundamentais para

qualquer linguagem de programação e JavaScript não é
exceção. Eles permitem realizar comparações entre valores
e variáveis e tomar decisões lógicas no código. Durante essa
unidade, aprendemos sobre os diferentes tipos de
operadores de comparação disponíveis em JavaScript,
incluindo "==", "===", "!=", "!==", ">", "<", ">=", e "<=".

É importante destacar a diferença entre os operadores "=="

e "===". O primeiro compara apenas o valor, enquanto o
segundo compara tanto o valor quanto o tipo. Isso é
importante porque em alguns casos, o JavaScript pode
automaticamente converter tipos, o que pode levar a
resultados inesperados. Da mesma forma, também é
importante saber a diferença entre "!=" e "!==", pois eles
realizam comparações diferentes das comparações
anteriores.

Além disso, os operadores "<", ">", "<=", e ">=" permitem

comparar valores numéricos e determinar qual é maior ou
menor. Eles são úteis para ordenar dados ou para tomar
decisões baseadas em condições numéricas.

Em resumo, os operadores de comparação são uma

ferramenta crucial para escrever código JavaScript eficiente
e correto. Eles permitem realizar comparações precisas entre
valores e variáveis e tomar decisões lógicas no código.
Agora que concluímos essa unidade, estamos equipados
com as habilidades necessárias para usar esses operadores
de forma eficiente e escrever códigos JavaScript mais
avançados e complexos!

66
 CODING_JAVASCRIPT 1

UNIDADE

OPERADORES
LÓGICOS NO
JAVASCRIPT

67
 CODING_JAVASCRIPT 1
UNIDADE 10

Operadores lógicos no JavaScript

Operadores lógicos

Os operadores lógicos são ferramentas utilizadas em lógica

matemática e programação para relacionar ou comparar
valores ou expressões. Eles permitem criar expressões lógicas
que possam ser avaliadas como verdadeiras ou falsas. Em
programação, os operadores lógicos são frequentemente
usados em condicionais e estruturas de controle de fluxo
para determinar se uma determinada ação deve ser
executada ou não.

Exemplos de operadores lógicos incluem "AND" (&&), "OR"

(||) e "NOT" (!). Eles são usados em conjunto com outros
operadores para criar expressões complexas que podem ser
usadas para tomar decisões e controlar o fluxo de uma
aplicação.

O operador "AND" (&&) é usado para determinar se ambas

as expressões são verdadeiras. Por exemplo, (x > 0 && y > 0)
seria verdadeiro se x e y forem maiores que 0.

O operador "OR" (||) é usado para determinar se pelo

menos uma das expressões é verdadeira. Por exemplo, (x > 0
|| y > 0) seria verdadeiro se x ou y fossem maiores que 0.

O operador "NOT" (!) é usado para inverter o valor de uma

expressão. Por exemplo, !(x > 0) seria verdadeiro se x não
fosse maior que 0.

Não se preocupe, a seguir, vamos analisar cada um dos

operadores lógicos em detalhes!

68
 CODING_JAVASCRIPT 1
UNIDADE 10

Operador lógico "&&"

O operador lógico AND (&&) é usado para criar expressões

lógicas no JavaScript. Ele é utilizado para verificar se duas
ou mais expressões são verdadeiras ao mesmo tempo.
Quando utilizado, ele retorna um valor booleano,
verdadeiro ou falso.

Por exemplo, imagine que você quer verificar se uma

pessoa tem mais de 18 anos e é brasileira. Para isso, você
pode utilizar o operador && e criar a seguinte expressão:

Se a pessoa tiver mais de 18 anos e for brasileira, essa

expressão será avaliada como verdadeira, caso contrário
será avaliada como falsa.

É importante notar que o operador && só retorna

verdadeiro se todas as expressões à sua esquerda e à sua
direita forem verdadeiras. Se pelo menos uma delas for
falsa, o operador retornará falso.

Por exemplo, na expressão acima, se a pessoa tiver mais de

18 anos mas NÃO for brasileira, a expressão será avaliada
como falsa.

69
 CODING_JAVASCRIPT 1
UNIDADE 10

Além disso, é importante mencionar que o operador && tem

uma ordem de precedência maior do que o operador ||, o
que significa que ele é avaliado antes de qualquer outro
operador. Isso é importante para evitar problemas de
ambiguidade e garantir que sua expressão seja avaliada
corretamente.

70
 CODING_JAVASCRIPT 1
UNIDADE 10

Operador lógico "||"

O operador lógico OR (||) é um dos operadores mais

utilizados no JavaScript para criar expressões lógicas. Ele é
utilizado para verificar se pelo menos uma das expressões é
verdadeira. Quando utilizado, ele retorna um valor
booleano, verdadeiro ou falso.

Por exemplo, imagine que você quer verificar se uma

pessoa é brasileira ou espanhola. Para isso, você pode
utilizar o operador || e criar a seguinte expressão:

Se a pessoa for brasileira ou espanhola, essa expressão será

avaliada como verdadeira, caso contrário será avaliada
como falsa.

É importante notar que o operador || só retorna falso se

todas as expressões a esquerda e a direita dele forem falsas.

Se pelo menos uma delas for verdadeira, o operador

retornará verdadeiro. Por exemplo, na expressão acima, se
a pessoa for argentina e NÃO for brasileira, a expressão será
avaliada como verdadeira.

Além disso, é importante mencionar que o operador || tem

uma ordem de precedência menor do que o operador &&,
o que significa que ele é avaliado depois de qualquer outro
operador. Isso é importante para evitar problemas de
ambiguidade e garantir que sua expressão seja avaliada
corretamente.
71
 CODING_JAVASCRIPT 1
UNIDADE 10

Em resumo, o operador lógico OR (||) é uma ferramenta

poderosa no JavaScript para verificar se pelo menos uma
das expressões é verdadeira. Ele é utilizado para tomar
decisões no código e garantir que determinadas condições
sejam atendidas antes de realizar determinadas ações.

Ele é muito útil quando precisamos fazer uma verificação

com várias condições e uma delas é suficiente para
satisfazer a condição. Com o uso correto, ele pode ajudar a
melhorar a legibilidade e manutenção do seu código.

72
 CODING_JAVASCRIPT 1
UNIDADE 10

Operador lógico "!"

O operador lógico NOT (!) é um dos operadores mais simples

no JavaScript, mas também um dos mais poderosos.

Ele é utilizado para inverter o valor lógico de uma expressão.

E Quando utilizado, ele retorna um valor booleano,
verdadeiro ou falso.

Por exemplo, imagine que você quer se certificar de que

uma pessoa NÃO é brasileira. Para isso, você pode utilizar o
operador ‘!’ e criar a seguinte expressão:

Se a pessoa NÃO for brasileira, essa expressão será avaliada

como verdadeira, caso contrário será avaliada como falsa.

É importante notar que o operador ! inverte o valor lógico da

expressão. Se a expressão original era verdadeira, o operador
! a tornará falsa, e vice-versa.

73
 CODING_JAVASCRIPT 1
UNIDADE 10

Além disso, é importante mencionar que o operador ! tem

uma ordem de precedência mais alta do que os operadores
&& e ||, o que significa que ele é avaliado antes de
qualquer outro operador.

Isso é importante para evitar problemas de ambiguidade e

garantir que sua expressão seja avaliada corretamente.

Em resumo, o operador lógico NOT (!) é uma ferramenta

poderosa no JavaScript para inverter o valor lógico de uma
expressão. Ele é utilizado para tomar decisões no código e
garantir que determinadas condições não sejam atendidas
antes de realizar determinadas ações.

Ele é muito útil quando precisamos fazer uma verificação

negativa e precisamos garantir que uma determinada
condição não seja satisfeita. Com o uso correto, ele pode
ajudar a melhorar a legibilidade e manutenção do seu
código.

74
 CODING_JAVASCRIPT 1
UNIDADE 10

Conclusão

Os operadores lógicos são uma parte crucial da

programação e JavaScript não é exceção. Eles permitem
realizar operações lógicas, como conjunção, disjunção e
negação, e tomar decisões baseadas em múltiplas
condições.

Durante essa unidade, aprendemos sobre os diferentes tipos

de operadores lógicos disponíveis em JavaScript, incluindo
"&&", "||" e "!".

O operador "&&" é conhecido como operador lógico "E". Ele

avalia as expressões de ambos os lados e retorna verdadeiro
somente se ambas as expressões forem verdadeiras.

Já o operador "||" é conhecido como operador lógico

"OU", ele avalia as expressões de ambos os lados e retorna
verdadeiro se pelo menos uma das expressões for
verdadeira.

O operador "!" é conhecido como operador lógico de

negação e inverte o valor booleano de uma expressão. Ele
é útil para inverter a verdade de uma expressão.

Em resumo, os operadores lógicos são uma ferramenta

crucial para escrever código JavaScript eficiente e correto.
Eles permitem realizar operações lógicas e tomar decisões
baseadas em múltiplas condições.

75