Programação Web Coding

Desenvolvimento de Ap. para

Internet

Prof. Victor Sotero

Aula 06 – Introdução ao JavaScript

Node.js
• O Node.js não é um framework (só pra deixar claro);

• Ele é um ambiente de execução de código Javascript do lado

do servidor – historicamente essa linguagem foi criada para
ser embutida no html (front-end);

• Através do Node.js é possível tornar o Javascript uma

linguagem dinâmica (antes de formatar o conteúdo para o
usuário);

Prof. Victor Sotero

Node.JS

• Possui arquitetura orientada a eventos – realiza operações

I/O assíncronas;

• O padrão orientado a eventos permite uma otimização em

relação a vazão das requisições web – request e response

Prof. Victor Sotero

Como o Node.Js foi concebido?
• Ryan Dahl, criador do Node, diz que sua inspiração veio ao
observar a barra de progresso de upload no Flickr.
• Ele havia entendido que o navegador precisava ficar
“perguntando” várias vezes ao servidor web, quanto estava
faltando para o arquivo ser transmitido – desperdício de
tempo e de recursos.
• Ele também observou a dificuldade que o Apache tinha de
lidar com conexões concorrentes.

Prof. Victor Sotero

 Composição do Node.js
• Utiliza o motor Javascript V8 da
Google;
• Possui um evento loop e uma API
de I/O de baixo nível (libuv);
• Sua execução é single-thread,
diferente de outras linguagens
como PHP e Java. Isso permite
que o uso de memória e CPU seja
menor; https://www.opus-software.com.br/

Prof. Victor Sotero

 Composição do Node.js
• Possui um gerenciador de pacotes NPM via comand line – isso
facilita o compartilhamento de códigos e bibliotecas Node.js;

• Gerenciador de versões - node NVM;

• Utilitário repl;

• O Node.js não é um ambiente visual ou possui ferramenta

integrada de ambiente.

Prof. Victor Sotero

Características do Node.js
• Tecnologia assíncrona que trabalha em apenas uma thread
de execução – por ser assíncrona, não bloqueia o processo
do mesmo;

• Em resumo: quando chega uma requisição (acessar o banco

de dados, por exemplo) a máquina virtual Javascript verifica
o que tem de ser feito e delega a atividade. Após isso ela
volta a atender novas requisições de forma paralela.

Prof. Victor Sotero

Empresas que usam o Node.js

• X Twitter
• Spotify
• eBay
• Reddit
• LinkedIn

Prof. Victor Sotero

Node.Js não é uma linguagem de programação
• Embora utilize o Javascript, o Node.js não é considerado
uma linguagem de programação;

• O Node também não é um framework (está mais para

plataforma de aplicação como Nginx);

• A máquina virtual V8 é a mesma que a Google utiliza no

Chrome para executar Javascript.

Prof. Victor Sotero

Potencial do
Node.Js
 Configurando o Ambiente
• O download pode ser feito gratuitamente através do link
https://nodejs.org
• No link aparecerá duas opções de download (escolha a opção estável
LTS);

• A instalação não requer nenhuma força jedi(next-next-finish);

• Para verificar se a instalação aconteceu de forma correta, abra o cmd e

digite node –v ou node --version

Prof. Victor Sotero

Testando o Node.js
• Crie uma pasta em qualquer diretório e dentro dela crie um
arquivo chamado teste.js .
• Insira nesse arquivo o trecho de código:
console.log(“Olá, estou testando essa parada!”)
• Salve o arquivo, abra o cmd e acesse o diretório onde o
arquivo foi criado. Após isso digite o comando node teste.js.
• Obs.: caso seu SO tenha variável de ambiente não é preciso
acessar o diretório pelo cmd.

Prof. Victor Sotero

 Principais características do Javascript
• Suporta elementos de sintaxe de programação estruturada
(while, for, if, switch);

• A quebra de linha não precisa do ponto e vírgula(;), basta

pressionar Enter;

• Tipagem dinâmica (não precisamos declarar o tipo da variável). A

linguagem identifica automaticamente o tipo;

Prof. Victor Sotero

Principais características do Javascript
• Função de primeira classe (você consegue passar uma
função como parâmetro). Ou seja, pode ser tratada como se
fosse uma variável;
• Permite criação de funções aninhadas (uma função dentro
da outra);
• Usa prototipação – ao invés de classes, utiliza protótipos
para fazer herança;
• Não há diferença entre função e método.

Prof. Victor Sotero

Variáveis
• Independente da linguagem de programação escolhida,
essas estruturas são muito importantes, pois são utilizadas
para implementar os códigos;
• Dentro das variáveis são armazenados, temporariamente ou
definitivamente, os dados que serão manipulados durante a
execução do programa.
• Ex.: nome: string
salario: float
idade: int
Constantes
• Igualmente a variável, a constante também precisa de um
espaço na memória para o tipo de dado que vai manipular.

• Porém, a constante possui um valor ÚNICO, ou seja, esse

valor não mudará com o tempo de execução.
• Ex.: nome=”Victor”
salario= 500.00
idade = 18
Declaração de Variáveis
• Podemos declarar as variáveis de quatro formas:

• Utilizar o nome da variável sem nenhuma palavra reservada que

anteceda ela;
• Utilizando a palavra reservada var;
• Utilizando a palavra reservada let;
• Utilizando a palavra reservada const.

Prof. Victor Sotero

Declaração de variáveis
• Sem utilizar palavra reservada: esse modo é o menos recomendado
pois a variável criada estará disponível globalmente;
• Os modificadores let e const servem para dar maior controle a
manipulação de variáveis;
• O const significa que aquela será uma constante por isso não
poderá sofrer mudanças;
• O let faz com que a variável existe apenas no escopo atual (ao
contrário do var que faz com que a variável fique visível para todo o
código.)

Prof. Victor Sotero

Tipagem Fraca

Prof. Victor Sotero

Exemplos

Prof. Victor Sotero

Exemplos

Prof. Victor Sotero

Exemplos

Prof. Victor Sotero

 Tipos de dados
• Numbers: números com ou sem casas decimais;
• Strings: podem estar entre aspas duplas ou simples;
• Booleans: os valores representam duas possibilidades (true ou false);
• Arrays: estrutura de dados que contém diversos valores
internamente;
• Objects: tipos complexos que permitem a inserção de variáveis e
funções em seu interior;
• Functions: recebem parâmetros, executam instruções e geram saídas.

Prof. Victor Sotero

Comentários

• Comentários em uma linha:

//Isso é um comentário de uma linha

• Para delimitar uma ou mais linhas:

/* Esso é um comentário de mais de
uma linha. */

Prof. Victor Sotero

Operador relacional
Comando para imprimir no console

• Os demais operadores não diferem da maioria das outras

linguagens.
• Boa prática: use sempre === ou !== para evitar decepções.

Prof. Victor Sotero

Operadores Aritméticos
• São utilizados na construção das expressões que contém um número
variado de operandos;
• Ex.: x + y, temos o operador de adição(+) e seus operandos são x e y.

https://www.devmedia.com.br/operadores-no-python/40693
Operador de Atribuição
• Serve para atribuir valor a uma variável

https://www.devmedia.com.br/operadores-no-python/40693
Operadores Aritméticos

Prof. Victor Sotero

Operadores Lógicos

OPERADOR SIGNIFICADO EXEMPLO

&& E lógico (and) a&&b
|| Ou lógico(or) a||b
! Negação lógica - Not !(a===b)

Prof. Victor Sotero

 Entrada de dados
• Por default a entrada de dados é feita através do navegador. Porém, é
possível instalar um pacote no Node.js que permite receber entrada de
dados através do comando prompt();
• Antes de tudo, via terminal e no mesmo diretório, precisamos instalar
o pacote do prompt através do comando npm install prompt-sync

Prof. Victor Sotero

Concatenando strings
Manipulando Strings

Prof. Victor Sotero

Estrutura Condicional - Controle de Fluxos
• Pemite que o programa execute diferentes partes do código
de acordo com as condições definidas;

• Estão presentes em diversas linguagens de programação;

• Em Python a declaração de uma estrutura condicional é mais

simples que outras linguagens (não é necessário o
parênteses e as chaves).
Estrutura Condicional (IF) - Sintaxe

Prf. Victor Sotero

Estrutura condicional - IF

Prof. Victor Sotero

Estrutura condicional – If Else

Prof. Victor Sotero

Estrutura Condicional –Else If

Prof. Victor Sotero

Switch
• Permite que você execute um bloco de código com base no
valor de uma expressão;

• Ela é uma alternativa mais limpa e organizada ao uso de

múltiplos if...else if para condições baseadas em valores
específicos;
Switch - Sintaxe
Exemplo simples
Estrutura de repetição - While loop
• Permite que uma sequência de comandos seja executada
repetidamente enquanto uma condição for verdadeiro;

• o While é utilizado quando não sabemos ao certo a

quantidade de vezes que vamos iterar;

• O JavaScript primeiro verifica a condição. Se for false, o loop

é encerrado e o controle passa para a próxima instrução. Se
for true, o corpo do While é executado novamente.
Estrutura de repetição - While loop

https://pythoniluminado.netlify.app/while-loops
While loop
• O loop while é uma estrutura de controle de fluxo que
permite a execução repetida de um bloco de código
enquanto uma condição especificada for verdadeira;
• Sua sintaxe:
Exemplo simples
Loop infinito
• Se a condição do while nunca se torna falsa, o loop
continuará indefinidamente, resultando em um loop infinito.
Exemplo:

• O while é interessante quando não sabemos a quantidade de

vezes que haverá iterações
Utilizando Break e continue
Utilizando break e continue
• A instrução continue é usada para pular o restante do código
no loop atual e iniciar a próxima iteração do loop. É útil para
ignorar partes específicas do código sem sair completamente
do loop.
• Continua...