*MÓDULO A*

-NEWBIE-
essa parte aqui é os comando que eu aprendi pra ficar zoando em site que não é meu
(inspencionando e indo no console)
caixinha de alerta: alert('mensagem')

mudar cor do fundo: document.body.style.background = 'cor'

deixar imagem preto e branco: (pra tu saber a o nome do arquivo pra tu mudar pra
preto e branco é só tu ativar o bglh de selecionar coisa pra inspencionar e ver até
o 1 ponto, ou 2, ou 3 sla mas é até algum ponto).
document.querySelector('arquivodaimagem').style.filter = 'grayscale(100%)'

sumir com imagem:document.querySelector('arquivodaimagem').style.visibility =

'hidden'

mudar texto: document.querySelector('arquivoquearmazenaotexto').innerText = 'texto'

mudar cor do texto: document.querySelector('arquivoquearmazenaotexto').style.color

= 'cor'

-JA TA FICANDO MAIS POGCHAMP-

nessa parte eu ja baixei o vsc (visual studio code)e o njs (node js)
lê: https://262.ecma-international.org/ecma-262/6.0/ECMA-262.pdf
https://262.ecma-international.org/ecma-262/5.1/ECMA-262.pdf

pra salvar é só mandar o famoso ctrl+s e aí é gg parceiro

então o head é a parte das configuração e pra tu mexer as coisa e o body é a parte
que vai aparecer pra pessoa, tipo aquela vez que tu foi fazer um fuja do pikachu no
age hotel e tinha os mob de configurar (head) e o pikachu correndo atrás de ti
(body) '-'-b

então camarada a coisa da fonte é: font: estilodela tamanhodela fonte;

(estilodela: tipo negrito italico etc)
(tamanhodela: abre o paint e vê o tamanho tipo 72)

2 comando YAAY

(EXTRA) window.alert: o alert ja ta la em cima mas ta feito de um jeito totalmente

diferente então vale a pena colocar aqui

1:window.confirm... ent o comando do alert a gente ja sabe, mas aí tem o bglh pra
ter a opção de ok e CANCEL
confirm('txt')

2:window.prompt... é tipo o alert só que você consegue digitar algo nela

*MÓDULO B*
aula1tema: Variáveis e Tipos Primitivos

Comentários:

// uma unica linha

/* */ mais de uma linha de codigo
exemplo: https://prnt.sc/11uw2jp

Identificadores:
Podem começar com letra, $ ou _
Não podem começar com números
Pode usar letras e números (contanto que o numero nao seja o primeiro caractér)
Pode usar acentos e símbolos
Não pode ter espaço
Não pode usar nome de comandos

Abrir terminal no vscode:

vai lá no terminal la em cima ou manda o famoso ctrl+shift+'

Aí quando abrir o bglh tu só escreve node que vai entrar, e pra sair do node tu
manda o .exit e pra sair do terminal é só exit

Criando variavel:
é assim ó, tu vai la e bota -> var nseioq = 'seila', aí quando vc digitar o nseioq
o node vai falar seila '-'-b
(quando só tem um do "=" não se fala "igual" se fala "recebe")

Tipos primitivos que vão ser trabalhados:

number- 1 10 1.5 -10.5
string- "beep" 'bop' `baap`
boolean - true false

Saber o tipo primitivo:

só tu mandar o typeof depois de uma variavel que ele te fala o tipo '-'-b

aula2tema: Tratamento de dados

Explicação da variavel do nome:

Então my best friendo! é assim ó, originalmente o comando é só um comando, mas ja

que tu quer fazer algo a mais acontecer com base no comando então tu vai la e cria
uma variavel do comando. Exemplo: var nome = prompt('qual seu nome?')
E aí que tu criou uma variavel do comando tu vai la e cria a ação que tu queria
que acontecesse com base na variavel, então seria tipo alert('que puta nome bosta
hein "nome" '), mas como nao tem como o comando tirar o dado do comando prompt do
cu tu vai la e adiciona o dado do comando prompt adicionando a variavel do comando
prompt: ('que puta nome bosta hein ' + nome)
e ja que a gente ta nesse bglh de adicionar coisa com o "+" e os caralho tem como
vc voltar pro comando normal sem ser variavel mesmo depois de tu adicionar a
variavel. Exemplo: ('que puta nome bosta hein ' + nome + ' XD')
print mostrando uns bglh pra tu entender melhor: https://prnt.sc/11ym6y8
e aí o resultado fica assim: https://prnt.sc/11ymd8p

Como mudar o tipo de uma variavel:

Então brother agr está na hora de mudar o tipo de uma variavel, a gente ta usando
esse codigo aqui: var fnumero = prompt('fala um numero ae')
var onumero = prompt('agr fala outro numero')
var soma = fnumero + onumero
alert('ok então pelos meus calculos a soma desses numeros é: ' + soma)
Mas então meio que não da pra tu somar os bglh nao fião, por causa que o comando
prompt normalmente recebe td em string (textinho) então como tu viu lá em cima o +
ele só adiciona coisa com coisa então naquele comando alí se tu digitasse um "1" e
dps um "2" o resultado seria 12 porque o bglh só juntou as 2 variavel e transformou
no textinho, MAS ja que tu quer somar os bglh tu tem que fazer ele nao virar string
(textinho) e continuar como number (numero). E pra fazer isso tem umas coisa que tu
tem que fazer:
no comando var fnumero = prompt('fala um numero ae') vc coloca mais um parenteses
desde o prompt até o outro parenteses ficando assim - > var fnumero = (prompt('fala
um numero ae'))
e aí dps disso tem 3 tipo de numero q tu pode fazer ele ficar, um inteiro (1 2 3 4
5), um real (1 1,5 2 2,5 etc.) e um number, que é só numero mesmo e que o pc que se
vire
O comando de transformar pra numero inteiro é o parseInt, que faria o comando
ficar assim: var fnumero = parseInt(prompt('fala um numero ae')). pra transformar o
numero em real é fnumero = parseFloat(prompt('fala um numero ae')),e tbm tem o
number que é só mudar o parseInt/parseFloat pra Number, que no caso eu acho que é
melhor deixar no Number caso tu nao queira especificar pq aí ja abrange os dois
tipo msm e fds, aí quando tu mandar o var soma = fnumero + onumero ele n vai só
juntar os dois numero e fazer 1 (tipo o 1 + 2 = 12) ele iria realmente SOMAR os
numero fazendo o 1 + 2 ser 3 aí no alert('ok então pelos meus calculos a soma
desses numeros é: ' + soma), o + soma iria pegar a variavel soma (que é os 2
numeros somados) e iria dar o resultado B).
EXTRA: tem como muda pra string tbm q é o String(coisa)), que é a mesma coisa que
o Number(coisa))

Formatando strings:

Template strings
Então o camarada oque a gente ja sabe sobre formatação de string até agr é:
|var c = 'chá'
|' estou tomando um' + c
|' estou tomando um CHÁ'
mas tipo imagina essa porra em uma linha gigantesca........
c = 'comendo'
s = 'strogonoff'
f = 'frango'
agr bó fazer essa porra ser um comando:
|'estou ' + c + ' um delicioso ' +s + ' de ' +f + '!'
|'estou comendo um delicioso strogonoff de frango!'
ta vendo como essa porra é escrota? então.. tem um jeito de deixar mais pika que é
usando o template string. O template string se utilisa de crase que é o acento
agudo pra esquerda (``)
e pra vc colocar o identificador vc coloca o ${identificador}, então nessa logica
aqui o nosso comandinho ficaria:
|`estou ${c} um delicioso ${s} de ${f}!`
|'estou comendo um delicioso strogonoff de frango!'
viu só? ficou bem mais pika... só isso msm
EXTRA: e aí tem uns bglh complementar, tipo o de number, que é
o.length, .toUpperCase() e o .toLowerCase(). Que ficaria tipo: ${c.length}, $
{c.toUpperCase()} e ${toLowerCase()}

Formatando numeros:
então é assim ó, tu vai la e cria a variavel baseada em um numero, que fica tipo
assim: var numero = 1245.6
Mas vai q tu quer com mais de 1 casa decimal ent aí tu faz assim:
numero.toFixed(quantidade de casa). Digamos que tu queira 2 casas decimais, ent
ficaria assim
|numero.toFixed(2)
|'1245.60'
mto legal né? mas tipo, aqui no brasil ngm usa o . pra dividir numero e sim o , ent
a gente vai é usar um comando pra mudar esse . pra , :
|numero.toFixed(2).replace('.', ',')
|'1245,60'
Bem maluco né? e falando no brasil a gente tem um comando meio avançadinho aqui,
mas q é bem foda: numero.toLocaleString('pt-BR' , {style: 'currency' , currency:
'BRL'} ). e sim é um comando grande pra porra, mas ta aqui algo pra tu entender
melhor: https://prnt.sc/124y2vw

NEW COMMAND UNLOCKED:

document.write: escreve na pagina msm e não em forma de alerta

aula3tema: operadores (parte 1)

operadores:
aritméticos
atribuição
relacionais
lógicos
ternário

Operadores aritimeticos: então adriel eu sei q tu é horrivel em matematica, mas

felizmente existe calculadora então foda-se. Mas aqui está os operadores
aritmeticos e o significado:
5+2 = 7
5-2 = 3
5*2= 10 (* é x, vezes)
5/2= 2.5 (é divisão)
5%2= 1 (é porcentagem)
5**2 = 25 (é potencia)

Então agr q tu sabe oq os bglh significa vamo ver essa coisa aqui:
5+3/2
como tu deve saber é 5 + 3 devidido por 2, logo a resposta seria 4..... n nao é seU
BURRO.
A resposta seria 6.5 porque primeiro se faz a divisão e depois a soma, MAS se tu
quiser que a resposta seja 4 é só colocar um parenteses, tipo assim: (5+3)/2, que
aí ele vai fazer a soma primeiro e depois a divisão 👍

Ordem de precedência dos operadores aritméticos:

()
**
* / %
+ -

Atribuições simples:
ent camarada pensa assim:
|var a = 5+3
aí o resultado é 8, mas a gente faz outro
|var b = a % 5
como a gente viu o resultado da variavel a é 8 ent seria 8 % 5 que seria = 3

mas agr a gente vai arrebentar a boca do balão, vamo fazer assim:
|var c = 10- a / 2
e la em cima na ordem de precedencia a gente pode ver oque vem primeiro, que no
caso seria o / e dps o -, então a conta ficaria a / 2 = 4 , 10-4 = 6.
Mas agr a gente vai ARREBENTAR A BOCA DO BALÃO MAIS AINDA, que seria fazendo:
|var d = 6*2 / c
que como a gente pode ver na ordem de precedencia o * e o / tao na mesma casa,
então é só a gente fazer o que vem primeiro que no caso é o 6*2, assim a conta
seria 6*2 = 12 / 6 = 2
MAS AGORA VAMO ESTRAÇALHAR O BALÃO FAZENDO ESSA CONTA GIGANTE AQUI:
|var e = b % d + 4 / d
e como a gente vê la na ordem de precendencia o % e o / tão na mesma casa então vc
só faz o que veio primeiro que seria o % e depois o / e depois vem o +, aí a conta
seria b % d = 1 , 4 / d = 2, 1 + 2 = 3
só isso mesmo

Auto atribuições:

então esse aqui é facin de entender, lembra la quando tu tava aprendendo o bglh de
variavel? Então, sabe aquela coisa de que se vc fizer um var a = 1 e dps fazer um
var a = 2 vc muda o valor da variavel? Aí agr tem como fazer isso só que com a
propria variavel e ainda somando, subtraindo, dividindo etc. Exemplo:
|var a = 3
|a = a+4 (7)
|a = a*3 (21)
|a = a-5 (16)
|a = a/2 (8)
|a = a%6 (2)
|a = a**2 (4)
ent como tu pode ver a variavel a saiu de 3 pra 4 em todo um processo de diminuir
multiplicar.
E tem como simplificar isso, tipo se a gente usar a mesma variavel do exemplo de
cima a gente pode simplificar pra:
|var a = 3
|a+=4 (7)
|a*=3 (21)
|a-=5 (16)
|a/=2(8)
|a%=6 (2)
|a**=2(4)
esse +=,*=,-=,/=, etc. só funciona se a mesma variavel receber ela +,-,*,/ algum
numero, mas caso você só queira fazer um +=1 ou um -=1 você pode fazer o:

Operador de incremento:

Operador de incremento é uma versão simplificada de a+=1 (4) ou a-=1 (3).

O operador de incremento apenas adiciona ou subtrai 1, e se você usasse o operador
de incremento ficaria assim: a++ (4) ou a-- (3), mas aí se tu fizesse isso no
node.js,por exemplo, aconteceria algo tipo:
|var a = 3
|a++
|'3'
|a
|'4'
|a--
|'4'
|a
|'3'

como você pode ver soma e subtração ocorreu depois, e se você quiser que ja
aconteça antes é só você fazer ++a ou --a, ficaria assim:
|var a = 3
|++a
|'4'
|--a
|'3'
E é só isso mesmo, apenas uma abreviação pra adicionar ou subtrair uma unidade de
uma variavel number.

aula4tema: operadores (parte 2)

operadores relacionais:
> (maior que)
< (menor que)
>= (maior ou igual a)
<= (menor ou igual a)
== (igual a)
!= (diferente de)
informação extra:toda expressão que tenha um operador relacional ligado a ela, o
resultado dessa expressão vai ser sempre um valor booleano, do tipo "verdadeiro" ou
"falso"

Igual == e identico ===:

igual e identico é diferente, porque se tipo tu fizer um var a = 5 e um var b = '5'

eles são diferentes, mas se tu fizer um a == b ele vai dizer que eles são iguais
(true), porque ele não considera o tipo, mas se tu fizer o a === b ele vai dizer
que eles são diferentes (false) porque o 5 nao é identico ao '5'. E já que existe
igual e identico existe o :

Desigual != e desigual restrito !==:

como a gente viu alí em cima o igual e diferente são diferentes pois um não
considera o tipo e um considera o tipo, e o mesmo vale pro desigual e o desigual
restrito, se a gente fizer igual o exemplo acima um var a = 5 e um var b = '5' se a
gente fizer um a != b ele vai falar que são iguais (false [ja que ele fala se é
diferente]), mas se a gente fizer um a !== b ele vai falar que são diferentes
(true) ja que ele considerou o tipo e tipo number é diferente do tipo string.

Operadores lógicos:

! (negação[não])
&& (conjunção[e])
|| (disjunção[ou])

negação/não:
o operador da negação é um operador unário, ou seja, ele só tem 1 operando, isso é,
depois da exclamação ou eu coloco true ou eu coloco false (ou uma expressão que de
true ou false), então vamos fazer assim, como o operador é da negação (não) uma
coisa não true é oque? false né porra, o mesmo vale pra uma coisa não false, que é
true.

conjunção/e: o operador de conjunção é um operador binário, ou seja, eu tenho dois

valores lógicos (um de cada lado). O operador de conjunção só aceita que os dois
lados sejam true, bó criar uma situação aqui, eu quero um quadrado e um circulo se
eu ganhar os dois (que seria true e true) o resultado seria true ja que eu tenho os
dois, mas se eu apenas ganhasse o circulo o resultado seria false ja que nao seria
true e true, e sim false e true. O mesmo daria se eu ganhasse o quadrado mas não
ganhasse o circulo porque seria true e false, e também se eu não ganhasse tanto o
quadrado quanto o circulo ficaria false e false e logo o resultado seria false

disjunção/ou:o operador de disjunção também é um operador binário, que tem dois

valores lógicos, o operador de disjunção só nao aceita dois falses porque só 1 true
já o agrada, como o nome dele é "ou" a gente pode usar o mesmo exemplo que eu fiz
com o de conjunção que é o do quadrado e do circulo, digamos que eu queria um
quadrado ou um circulo, se eu ganhar os dois (true e true) eu ganho os dois e saio
no lucro com o resultado sendo true, mas se eu ganhar só o quadrado o resultado
também é true ja que eu queria ou um quadrado ou um circulo, o mesmo vale caso eu
só ganhasse o circulo, mas se eu não ganhasse nem o quadrado e nem o circulo aí da
false, porque eu não ganhei é porra nenhuma que eu queria.
Ordem de precedência entre os operadores aritmeticos, relacionais e logicos:
()
**
* / % (o que vier primeiro da esquerda a direita)
+ - (o que vier primeiro da esquerda a direita)
>,<,>=,<=,==,!= (os operadores relacionais nao tem ordem, é o que vier primeiro da
esquerda a direita)
!
&&
||

operador ternário:
?
:

O operador ternário é composto por dois simbolos que aparecem na mesma expressão, a
? e o : . O modelo do operador ternário é: teste?true:false, o teste é a variavel,
o true é oque acontece se a variavel for true e o false é oque acontece se a
variavel for false.
Pensa aqui comigo, vamo fazer um exemplo aqui bem ez:
|var nome = 'adriel'
|nome == 'adriel'?'foda':'lixo'
|'foda'
|nome == 'jorge'?'foda':'lixo'
|'lixo'

Isso aí tbm funciona pra numero:

|var n1 = 5
|var n2 = 8.5
|n1 >= 7?'boa':'iii burrão'
|'iii burrão'
|n2 >= 7?'boa':'iii burrão'
|'boa'

É só isso aí msm camarada, vc entendeu?

MOMENTO PIADA SHOW KSKSKSK SÓ PROGRAMMERS ENTENDEM XD
|tendeu == 'sim'?'voa mlk':'burro pakrl'
|'voa mlk'
|tendeu == 'não'?'burro pkrl':'voa mlk'