Escolar Documentos
Profissional Documentos
Cultura Documentos
if/else é o se e o se não
—--------------------------------------------------------------------------------
-----------------------------
Neste dia você vai oficialmente começar a aprender com tudo uma
linguagem de programação - um passo importantíssimo na sua ma-ra-vi-
lho-sa jornada pelo mundo da programação! 🎉
Todos esses usos já foram e são feitos por empresas de todos os portes.
Aprender JavaScript é a porta para um mundo infinito de
possibilidades. 🚀
JavaScript é a base para o curso da Trybe . Por último, mas não menos
importante, o JavaScript é o fundamento principal para a maior parte do
curso da Trybe, tanto agora, no módulo de Fundamentos, quanto no
módulo de Front-End e no de Back-End. É de vital importância ter uma
boa base de JavaScript para entender React , Redux , Jest , Node e todas
essas outras ferramentas que você vai adicionar à sua caixa.
Por fim, saiba que é muito importante aprender JavaScript e ter foco .
Mas não se preocupe, esse é só o primeiro passo no mundo da
programação.
Conteúdos
Instale o curl :
curl --version
curl -o-
https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.s
h | bash
Nota: Caso tenha alterado o terminal padrão que vem em seu linux de
bash para o zsh (ou algum outro), troque bash por zsh na linha de código
(ou a abreviação de seu shell script).
Não podemos utilizar o nvm ainda, pois para isso é preciso reiniciar ou
abrir outra janela em seu terminal. Mas podemos checar a versão
instalada com o seguinte comando:
nvm -v
Uma coisa legal do nvm é que podemos ter diversas versões instaladas, e
para instalar outra versão basta digitar o comando anterior e alterar o
campo --lts para o número da versão desejada. Na maior parte dos
projetos da Trybe utilizamos a versão 14 do node.
npm -v
Você pode entender mais sobre o npm acessando Podemos saber mais
sobre ele acessando sua documentação
nvm use 14
ou
E depois:
curl -o-
https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.s
h | bash
Espere que tudo seja concluído e vá para o diretório home. Caso não
saiba como fazer isso, execute o seguinte comando:
cd ~
nano .bash_profile
Esse comando abrirá o arquivo dentro do terminal e o próximo passo é
colar o conteúdo a seguir nele:
Uma coisa legal do nvm é que podemos ter diversas versões instaladas, e
para instalar outra versão basta digitar o comando anterior e alterar o
campo --lts para o número da versão desejada. Na maior parte dos
projetos da Trybe utilizamos a versão 14 do node.
npm -v
Você pode entender mais sobre o npm acessando Podemos saber mais
sobre ele acessando sua documentação
nvm use 14
ou
HISTORIA DO JAVASCRIPT
tim beners-lee 1989- criação da internet
cria o url- localizador de recursos uniformes.
site sobre:
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/
Guide/Grammar_and_types
sintaxe da nomeação de variável
variáveis podem ser criadas com let, var ou const.. A
variável const é uma variável que não pode ter seu valor
reatribuido. (sim, em programação variável é o nome dado a algo que
pode receber valores, então constante é uma variável em programação
sendo que seu valor não pode ser mudado).
No curso iremos usar let por boa prática que cria uma
variável local
OBS: var declara uma variável global. Essa declaração gera um aviso de
advertência no JavaScript. Você não deve usar essa variante. variável global
significa que a memoria dela será guardada durante todo o código e não somente
do escopo que será utilizada, ajudando a dar problemas se outras pessoas durante
o codigo criarem um mesmo nome para essa variável ou gastará memoria para algo
que usa pouco ou não está usando.
Agora que você já sabe o que são variáveis e constantes, vamos entender
quais são os tipos primitivos , como o JS escolhe o tipo de uma variável
através da tipagem dinâmica e como realizar operações aritméticas .
O javascript tem tipagem dinâmica. você não precisa dizer
qual é a variável no JS que ele tenta encaixar em um dos
tipos.
caso queira saber qual o tipo que o JS esta considerando
para uma variavel use o typeof nome da variavel que ele vai
retornar o que é.
Condições If e Else
Operadores lógicos
Neste ponto, você deve entender que valores booleanos podem ser "true"
ou "false". Eles serão de extrema importância para a construção de
lógicas no momento em que estivermos desenvolvendo nossas aplicações.
A próxima ferramenta de trabalho que iremos aprender serão os
operadores lógicos. Eles não são utilizados só na programação, mas no
estudo da lógica em si e no seu dia a dia (e com bastante frequência). A
principal funcionalidade desses operadores é determinar a lógica entre
dois valores ou variáveis.
Na linguagem JavaScript, temos três principais operadores lógicos: && , ||
e o ! . Podemos nos referir a eles como "AND", "OR" e "NOT",
respectivamente.
Essas ferramentas não vão te acompanhar apenas no JavaScript, mas em
toda sua carreira. Por isso, é muito importante praticar bastante e ficar
bem familiarizado com o conceito de cada um deles.
obs:disjunção inclusiva é a disjunção normal
Os operadores bit a bit eles pegam o valor de verdadeiro ou falso, e o
descrevem como sendo 1 ou 0 respectivamente.
o operador bit ainda pode ser usado dentro de IF, e dentro dos booleanos
deve funcionará normalmente.
OBS:
comparando numero com string- comparando tipos diferentes
When comparing a string with a number, JavaScript will convert the string to
a number when doing the comparison. An empty string converts to 0. A non-
numeric string converts to NaN which is always false.
-quando fazendo essa comparação. uma string vazia sem nenhum caracter
será convertida para 0, uma string não numerica
Operador AND
Esse operador é binário. O que significa que ele precisa de dois elementos
para funcionar corretamente.
Para abstrair seu funcionamento, pense o seguinte: Você está numa
padaria e quer comer alguma coisa no café da manhã. Então você diz "Por
favor, me vê um cafézinho E um pão na chapa".
Seria muito infeliz se você recebesse apenas o café ou só o pão, não é?
Também não seria legal se recebêssemos um pão na chapa, mas a nossa
bebida ser um caldo de cana. Porque nossa expectativa era de que as
duas condições fossem atendidas corretamente. Esse é exatamente o
papel do && . Ele só vai retornar true se as duas operações que estão em
volta dele forem consideradas verdadeiras.
Em JavaScript, nosso pedido poderia ser interpretado da seguinte
maneira:
Copiar
const comida = 'pão na chapa';
const bebida = 'cafézinho';
Tente brincar e mude os valores das variáveis, você verá que a condição
não vai ser atendida e portanto, a mensagem imprimida será outra.
Precisamos manter em mente que só teremos true se as duas expressões
em volta dele forem true também.
Copiar
const conditionOne = true;
const conditionTwo = false;
Execute o código acima e veja que a verificação é false porque uma das
condições não é true.
Mas... E o que acontece se existir um encadeamento de &&? 🤔
Imagine que exista a seguinte expressão:
Copiar
const cenouras = true;
const leite = true;
const arroz = true;
const feijao = true;
Você consegue imaginar qual será o resultado final? Será que vai dar
erro?
A ordem que a operação vai obedecer, será da esquerda para a direita,
seguindo algo parecido com a imagem abaixo.
Encadeamento de operadores AND
Abaixo tem um mini cheat sheet para você ver em quais possibilidades
teremos resposta true ou false .
Copiar
console.log(true && true); // true
console.log(true && false); // false
console.log(false && true); // false
console.log(false && false); // false
Operador OR
Você já viu um operador em que as duas condições devem ser
verdadeiras para que o resultado final seja verdadeiro.
Com o operador OR (ou || , no JavaScript), precisamos apenas que uma
das condições sejam verdadeiras: isso ou aquilo .
Por exemplo, imagine novamente que estamos na padaria, mas nosso
pedido agora vai ser diferente. Dessa vez, se não tiver um café, pode ser
um suco de laranja. Como escreveríamos isso em JavaScript?
Copiar
const bebidaPrincipal = 'cafezinho';
const bebidaAlternativa = 'suco de laranja';
Operador NOT
Vamos iniciar com um exemplo do que o NOT é capaz, você consegue
prever o que esse código vai imprimir?
Copiar
console.log((2 + 2) === 4);
● Strings...
Copiar
const squirtle = "melhor pokemon inicial";
console.log(!squirtle); // false
● Números...
Copiar
console.log(!42); // false
console.log(!0); // true
// O número 0 tem o valor "falsy" no javascript. Logo, seu
oposto é true.
● Valores nulos...
Copiar
console.log(!null); // true
● Valores indefinidos..
Copiar
console.log(!undefined); // true
Switch e Case
uma condição.
podemos ter varios cases para conferir.
o default é a opção que irá tentar caso nao consiga nenhum
caso.
Você com certeza está super feliz com seus novos conhecimentos sobre
JS, não é?! 🎉 Então vamos praticar mais um pouco antes de chegar na
sessão de exercícios. Vamos!!!
referencia:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Re
ference/Statements/switch
referencia:
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Re
ference/Operators/Conditional_Operator
Atribuição de adição x += y x = x + y
Atribuição de subtração x -= y x = x - y
Atribuição de multiplicação x *= y x = x * y
Atribuição de divisão x /= y x = x / y
Atribuição de resto x %= y x = x % y
Atribuição OR bit-a-bit x |= y x = x | y
EXTRA=
deixando as letras em minúscula
como transformar uma palavra em minúscula, serve meio
que para contornar o case sensitive.
nome.ToLowerCase()
apesar do valor da variável piece estar com letras maiúsculas
elas são colocadas em caixa baixa com o piece=
piece.toLowerCase()
string JavaScript
string JavaScript
string JavaScript
referencia: https://www.delftstack.com/pt/howto/javascript/remove-last-
character-from-javascript/#:~:text=uma%20string%20JavaScript.-,Use
%20a%20fun%C3%A7%C3%A3o%20substring()%20para%20remover
%20o%20%C3%BAltimo%20caractere,ao%20%C3%BAltimo
%20%C3%ADndice%20da%20string.