Resolução de Problemas/Lógica aplicada e JavaScript
O Node.js pode ser definido como um ambiente de execução Javascript server-side, ou seja com o node usamos JavaScript do lado do servidor
Para checar digite na linha de comando:
node --version
Se tiver instalado vai aparecer a versão. Caso não tenha, esse é o link para instalação: https://nodejs.org/en/download/
> console.log("Hello World")
Nós vamos rodar nossos códigos Js dentro do próprio VSCode com essa ferramenta: Code Runner
Depois de instalado é só rodar ctrl+alt+n
no arquivo .js
Entender os princípios básicos de lógica de programação utilizando a linguagem JavaScript
JavaScript pode ser a linguagem ideal para quem quer aprender a programar. No JavaScript todo o processo de configuração de ambiente é minimizado. Isso não parece grande vantagem, mas você pode repetir o feito em casa, em um computador diferente, com outro browser e sistema operacional - Paulo Silveira
Recursos necessários para esta aula - navegador e editor de texto
Algoritmo é uma "receita" para executarmos uma tarefa ou resolver algum problema. Utilizamos algoritmos no nosso dia-a-dia para a execução de alguma tarefa ou até mesmo resolver algum problema.
Para fazer um computador fazer qualquer coisa, você precisa escrever um programa de computador. Para escrever um programa de computador, você tem que dizer ao computador, passo a passo, exatamente o que você quer que ele faça. O computador "executa" o programa, seguindo cada etapa mecanicamente, para atingir o objetivo final.
Alguns exemplos de algoritmos que podemos citar: receitas culinárias, manual de instrução de aparelhos e funções matemáticas.
Pense na receita culinária, por exemplo. Ela tem os ingredientes necessários (dados de entrada), passo a passo para realizar a receita (processamento ou instruções lógicas) e o prato finalizado (saída esperada).
Um algoritmo, portanto, conta com a entrada (input), com o processamento desses dados e saída (output) de informações.
As estruturas de um algoritmo são:
- variáveis: são as informações de entrada inseridas que determinam aonde o algoritmo poderá ir. As mais comuns são texto, inteiro, lógico e real;
- comandos de repetição*: consiste no uso de “se” e “enquanto”, para que o algoritmo saiba o que fazer quando determinados processos ocorrerem e o que fazer se eles mudarem.
O recurso utilizado nos programas para escrever e ler dados da memória do computador é conhecido como variável, que é simplesmente um espaço na memória o qual reservamos e damos um nome. Por exemplo, podemos criar uma variável chamada "idade" para armazenar a idade de uma pessoa. Você pode imaginar uma variável como uma gaveta "etiquetada" em um armário.
Toda vez que precisarmos armezanar e recuperar dados utilizaremos variáveis.
No Javascript temos 3 maneiras de usar variáveis:
- var
- let
- const
const numero = 1
const texto = "Javascript!!!"
Declarando variáveis
Um identificador JavaScript deve começar com:
- uma letra
- underline (_)
- cifrão ($)
Os caracteres subsequentes podem também ser
- números (0-9)
- letras incluem caracteres de "A" a "Z" (maiúsculos)
- caracteres de "a" a "z" (minúsculos)
Uma varivável não pode ser uma palavra reservada, clique aqui para saber quais são:
é uma sequência de caracteres usados para representar texto.
"Variáveis em Javascript são uma forma para se salconst dados"
"Isabelle"
"1 é um número ímpar"
é um tipo de dado numérico.
1
20
300
4000
94863049863409863
é um tipo de dado lógico que pode ter apenas um de dois valores possíveis: verdadeiro ou falso.
false
true
representa um valor nulo ou "vazio".
null
const y = null;
console.log(y)
undefined
const x;
console.log(x)
O javascript não tem o que chamamos de tipagem de dados que é literalmente descrever qual é o tipo dessa variável, o que ele faz é "entender/adivinhar" qual é o tipo de dados de determinada variável sem ela ter sido declarada no código escrito.
Vamos aos programas e aos processamentos de dados
O operador de atribuição básico é o igual (=), que atribui o valor do operando à direita ao operando à esquerda. Isto é, x = y atribui o valor de y a x.
const y = 7;
const x = y; // x é igual à 7
const y = 7;
const x = 3;
const resultado = y + x
console.log(resultado) // 10
const y = 5;
const x = 2;
const resultado = y - x
console.log(resultado) // 3
const y = 4;
const x = 5;
const resultado = y * x
console.log(resultado) // 20
O operador de divisão produz o quociente de seus operandos onde o operando da esquerda é o dividendo e o da direita é o divisor.
const y = 10;
const x = 2;
const resultado = y / x
console.log(resultado) // 5
O operador módulo retorna o resto inteiro da divisão de um numero pelo outro.
const y = 10;
const x = 2;
const resultado = y % x
console.log(resultado) // 0
Retorna verdadeiro caso os operandos sejam iguais.
3 == var1
"3" == var1
3 == '3'
Retorna verdadeiro caso os operandos não sejam iguais.
var1 != 4
var2 != "3"
Retorna verdadeiro caso os operandos sejam iguais e do mesmo tipo. Veja também Object.is e igualdade em JS.
3 === var1
Retorna verdadeiro caso os operandos não sejam iguais e/ou não sejam do mesmo tipo.
var1 !== "3"
3 !== '3'
O double equals vai tentar nos ajudar na comparação, e ao notar que estamos tentando comparar tipos diferentes (string e number) ele vai tentar converter a string para number. No caso acima ele consegue e por isso temos o resultado true.
Entao por baixo dos panos o que aconteceu foi:
2 == Number("2") //true
Com o triple equals o javascript nunca tenta converter os valores. Por isso, o resultado false.
Sendo assim, recomenda-se usar o triple equals para evitar surpresas.
E a internet não perdoa as surpresas:
O operador de Maior retorna true se o operando da esquerda for maior que o operando da direita.
4 > 3 // true
O operador maior ou igual retorna true se o operando da esquerda for maior ou igual ao operando da direita.
4 >= 3 // true
3 >= 3 // true
O operador menor retorna true (verdadeiro) se o operando da esquerda for menor que o operando da direita.
3 < 4 // verdade
O operador menor ou igual retorna true (verdadeiro) se o operando da esquerda for menor ou igual ao operando da direita.
3 <= 4 // verdade
Se o primeiro valor for verdadeiro, ou puder ser considerado ou convertido pra verdadeiro retorna o segundo valor.
Se o primeiro valor for falso, retorna falso.
true && "oi" // "oi"
"oi" && true // true
true && false // false
Se o primeiro valor for verdadeiro, ou puder ser considerado ou convertido pra verdadeiro retorna o primeiro valor.
Se o primeiro valor for falso, retorna o segundo valor.
false || true // true
false || false // false
false || "oi" // "oi"
false || 0 // 0
Esse operador inverte o valor de uma expressão
Obs: Se um valor pode ser convertido para verdadeiro, este valor é chamado de truthy. Se um valor pode ser convertido para falso, este valor é chamado de falsy.
Exemplos de expressões que podem ser convertidas para falso são:
- null;
- NaN;
- 0;
- string vazia ("");
- undefined.
Todos os outros são considerados verdadeiros.
!true // false
!false // true
!'Oi' // false
!'' // true
Usamos para verificar uma condição e definir se algo deve ou não acontecer a partir da condição dada.
É a linguagem que utilizamos para nos comunicar, repare:
Se amanhã fizer sol, vou viajar para a praia.
Temos uma condição (Se amanhã fizer sol) para executar uma ação (viajar para a praia) dependendo do resultado dessa condição. Se verdadeira, a ação é executada.
// Variável booleana verdadeira
const sol = true;
// Condição
if ( sol ) {
// Ação
console.log('Vou viajar para a praia!');
}
// Variável booleana verdadeira
const sol = false;
// Condição
if ( sol ) {
// Ação
console.log('Vou viajar para a praia!');
}else{
// Ação
console.log('Vou ao cinema');
}
// Variável booleana verdadeira
const hora = 8;
// Condição
if ( hora <= 12 ) {
// Ação
console.log('Bom dia');
}else if( hora <= 18){
// Ação
console.log('Boa tarde');
}else{
// Ação
console.log('Boa noite');
}
if ( condição ) {
// Ação
} else if ( outra condição ) {
// Ação
} else if ( outra condição ) {
// Ação
} else if ( outra condição ) {
// Ação
} else if ( quantas condições quiser ) {
// Ação
} else {
// Ação final se nenhuma condição for verdadeira
}
Para pegar inputs no terminal precisamos baixar o readline-sync
Para confirmar que o npm está instalado, você pode executar este comando no seu terminal:
npm -v
O npm é um gerenciador de pacotes para a linguagem de programação JavaScript.
Instale o readline-sync
npm install readline-sync
Coloque essa linha no topo do arquivo do seu código:
const input = require("readline-sync");
Exemplo:
const readlineSync = require('readline-sync');
// Para .
const nome = readlineSync.question('Qual o seu nome? ');
console.log('Oi ' + nome + '!');
// Texto secreto (por exemplo, senha).
const comidaPreferida = readlineSync.question('Qual a sua comida preferia? ', {
hideEchoBack: true // O texto digitado na tela está oculto por `*`.
});
console.log(nome + ' ama ' + comidaPreferida + '!');
Saída
Qual o seu nome? Isabelle
Oi Isabelle!
Qual a sua comida preferia? ****
Isabelle ama batata frita!