TRANSFORMANDO DO VISUALG PARA JAVASCRIPT
LÓGICA DE PROGRAMAÇÃO E ALGORITMOS
CST em Desenvolvimento de Software Multiplataforma
PROF. Me. TIAGO A. SILVA
New YouTube Logo Vector
AMBIENTE DE DESENVOLVIMENTO
• Para transformar o pseudocódigo do Visualg para JavaScript
iremos precisar das ferramentas: a linguagem de programação
JavaScript, IDE de desenvolvimento Visual Studio Code e o
NodeJS como interpretador local.
www.tiago.blog.br 2
VARIÁVEIS, ENTRADA E SAÍDA
VARIÁVEIS, ENTRADA E SAÍDA
www.tiago.blog.br 4
ENTRADA DE DADOS NO CONSOLE COM NODE E JS
www.tiago.blog.br 5
VARIÁVEIS E SAÍDAS EM VISUALG E JAVASCRIPT
www.tiago.blog.br 6
CARACTERÍSTICAS DE VARIÁVEIS EM JAVASCRIPT
Característica var let const
Escopo Função ou global Bloco Bloco
Sim, mas não Sim, mas não
Sim, inicializada como acessível antes da acessível antes da
Hoisting
undefined declaração (temporal declaração (temporal
dead zone) dead zone)
Redeclaração Permitida Não permitida Não permitida
Não permitida (exceto
Atualização de Valor Permitida Permitida mutação de objetos e
arrays)
Usar quando o valor Usar para valores que
Uso Preferencial Evitar
pode mudar não mudam
www.tiago.blog.br 7
OPERADORES
COMPARAÇÃO ENTRE OPERADORES
CATEGORIA OPERADOR NO VISUALG OPERADOR NO JAVASCRIPT DESCRIÇÃO
Atribui um valor a uma
Atribuição <- = variável.
Verifica se os valores são
Igualdade = == ou === iguais. === também compara
os tipos no JavaScript.
Verifica se os valores são
diferentes. !== também
Diferença <> != ou !== compara os tipos no
JavaScript.
Verifica se um valor é maior
Maior que > > que outro.
Verifica se um valor é menor
Menor que < < que outro.
Verifica se um valor é maior
Maior ou igual >= >= ou igual a outro.
Verifica se um valor é menor
Menor ou igual <= www.tiago.blog.br <= ou igual a outro.
9
COMPARAÇÃO ENTRE OPERADORES
OPERADOR NO
CATEGORIA OPERADOR NO VISUALG DESCRIÇÃO
JAVASCRIPT
Soma dois valores ou
Adição + + concatena strings no
JavaScript.
Subtração - - Subtrai um valor de outro.
Multiplicação * * Multiplica dois valores.
Divisão / / Divide um valor pelo outro.
Retorna o resto da divisão
Módulo (resto) % % inteira.
Eleva um número a uma
Exponenciação Não disponível ** potência no JavaScript.
www.tiago.blog.br 10
COMPARAÇÃO ENTRE OPERADORES
OPERADOR NO
CATEGORIA OPERADOR NO VISUALG DESCRIÇÃO
JAVASCRIPT
Retorna verdadeiro se
E lógico E && ambas as condições forem
verdadeiras.
Retorna verdadeiro se uma
OU lógico OU || das condições for
verdadeira.
Negação lógica NAO ! Inverte o valor lógico.
www.tiago.blog.br 11
COMPARAÇÃO ENTRE OPERADORES
OPERADOR NO
CATEGORIA OPERADOR NO VISUALG DESCRIÇÃO
JAVASCRIPT
Concatenação de strings + + Concatena duas strings.
Incrementa o valor da
Incremento Não disponível ++ variável em 1 no
JavaScript.
Decrementa o valor da
Decremento Não disponível -- variável em 1 no
JavaScript.
+=, -=, *=, Realiza a operação e
Atribuição com operação Não disponível atribui o resultado à
/=, %= variável.
www.tiago.blog.br 12
ESTRUTURAS DE CONTROLE
ESTRUTURA CONDICIONAL SIMPLES: SE
www.tiago.blog.br 14
ESTRUTURA CONDICIONAL COMPOSTA: SE SENÃO
www.tiago.blog.br 15
CLASSIFICAÇÃO COM ESCOLHA CASO
www.tiago.blog.br 16
ESTRUTURAS DE REPETIÇÃO
REPETIÇÃO PRÉ DETERMINADA: PARA
www.tiago.blog.br 18
REPETIÇÃO INDETERMINADA: ENQUANTO
www.tiago.blog.br 19
REPETIÇÃO INDETERMINADA: REPITA
www.tiago.blog.br 20
REPETIÇÃO INDETERMINADA: REPITA
www.tiago.blog.br 21
VETORES E MATRIZES
VETOR COM PARA
www.tiago.blog.br 23
MATRIZES NO VISUALG
www.tiago.blog.br 24
MATRIZES NO JAVASCRIPT
www.tiago.blog.br 25
FUNÇÕES E PROCEDIMENTOS
FUNÇÕES
www.tiago.blog.br 27
PROCEDIMENTOS
www.tiago.blog.br 28
OBRIGADO!
• Encontre este material on-line em:
– www.tiago.blog.br
– Plataforma Teams
• Em caso de dúvidas, entre em contato:
– Prof. Tiago:
[email protected] www.tiago.blog.br 29
