Curso JavaScript e TypeScript

● O curso começa da aula 3 pois as aulas anteirores falava apenas

como o curso irá ser estruturado
● O curso foi organizado em aulas, porém algumas vezes até a aula
18 pode haver alguns pulos, porém não se preocupe pois
nenhuma informação foi perdida.

Aula 3 = Primeiras coisas que você irá

ver no JavaScript:
● O JavaScript utiliza camelCase, em que consiste com a primeira
letra da primeira palavra sendo minúscula e se houver a
necessidade de outra palavra a primeira letra é maiúscula.
● console,log = Serve para exibir informações no console do
navegador
● Sintaxe:
console.log(‘qualquer informação’) ou console.log(variavel)
● alert() = Serve para exibir um alerta na tela do navegador
● Sintaxe:
alert(‘qualquer informação’) ou alert(variavel)
● prompt() = Serve para exibir um alerta com espaço para o usuário
dar uma resposta
● Sintaxe:
prompt(‘qualquer informação’) ou prompt(variavel)
● confirm() = Serve para exibir um alerta com espaço para o usuário
dar uma resposta true ou false
● Sintaxe:
confirm(‘qualquer informação’) ou confirm(variavel)

● A forma para linkar o arquivo js com o html: <script src = ‘nome do

arquivo.js’> </script>
Aula 4 = Variáveis com let:
● Uma forma de criar variáveis cujo seu valor pode ser substituído
#O var tem a mesma função porém o mais utilizado é o let, a
diferença entre elas será dita mais a frente no curso#
● Sintaxe:
let nome da variável = informação desejada #Se for string tem que ser
entre aspas# #No JS não precisa descrever o tipo da variável, se é o
string, int, float ou boolean#
● No caso do let pode ser declarado uma variável sem valor

Aula 5 = Constantes com const:

● Constantes são basicamente variáveis, funciona do mesmo jeito
#A diferença entre constantes e lets é que a constante não pode
ter seu valor alterado#
● Sintaxe:
const nome da variável = informação desejada
#Para vc saber qual o tipo de variável está trabalhando utilize o typeOf,
exemplo: console.log(typeof nome da variável)#
#Se você quiser concatenar informações utiliza o +, porém no JS existe
uma formatação de texto chamada de template string, que funciona
dessa forma: `bla bla bla ${variável}` isso vai servir para que não tenha
que concatenar as informações, observe que para utilizar a templates
strings ela tem que estar entres crases#

Aula 9 = Tipos de dados primitivos:

● São eles: string, number int e float, boolean (valor lógico, true or
false), undefined (não ocupa lugar na memória) e null (não ocupa
lugar na memória) #O null é utilizado quando um ação pode existir
ou não#
Aula 10 = Operadores aritméticos, de
atribuição e incremento:
● Aritméticos:
+ → Adição e Concatenação
- → Subtração
/ → Divisão
* → Multiplicação
** → Potenciação
% → Resto de divisão
● Atribuição
= → recebe #Existem outros que são combinações, mais para frente
iriam conhecer#
● Incremento
++ → Incremento
- - → Decremento
#Se utilizar o sinal de incremento antes da variável (++variável) ele ira
realizae a operação e então retornar o valor, se colocar após (variável+
+) ele irá retornar o vaolor e depois fazer a operação#
+ Extra:
parseInt = Força um valor ser inteiro
Sintaxe: parseInt(‘’)
parseFloat = Força um valor ser decimal
Sintaxe: parseFloat(‘’)
Number = O próprio JS vai dizer se é valor inteiro ou float
Sintaxe: Number(‘’) #Number é uma das exeções no JS em que comela
com letra maiuscula#

Aula 11 = Como capturar elemento do

HTML e escrever neles:
● Para capturar existem 3 forma:
document.getElementById(‘’) #Busca um elemento do HTML pelo seu
id#
document.getElementByClass(‘’) #Busca um elemento do HTML pelo
sua classe#
document.querySelector(‘’) #Busca um elemento pela sua tag, id ou
class, basta adicionar um # quando for para id, um . quando for para
class e a tag quando for por tag#
● Para escrever:
variável que você armazenou.innerHTML = ‘informação’ #Se você for
escrever mais de uma informação e precise ficar todas lá, basta
adicionar o + antes do =#

Aula 13 = Mais sobre strings:

● Strings são indexadas por números, começando por 0, sendo
cada letra um número
● Uma forma de acessar os caracteres desejadas é:
variável[numero do index]
● Outra forma de acessar esse caractere é variável.charAt(numero
do index)
● Para saber onde começa o index de alguma palavra da string:
variável.indexOf(‘palavra desejada’) #Vai buscar a primeira
palavra referente, mesmo que tenha palavras iguais#
● Se você quer achar palavras que se repetem:
variável.indexOf(‘palavra desejada’ numéro index depois da
primeira palavra)
● Se você quer buscar palavras do fim para o começo:
lastIndexOf(‘palavra’)
● Para achar uma letra especifica usa: variável.search(/letra/)
● Para alterar informações da string pode usar o:
variável.replace(‘palavra que quer mudar’, ‘palavra nova’)
● Para saber o tamanho da string: .lenght()
● Para recortar uma informação da string: .slice(index de onde
começa, index onde acaba)
● Dividir uma string por um caractere: .split() #Defina o parâmetro
para ditar quantas vezes isso será realizado#
● Para deixar a string toda maiúscula: .toUpperCase()
● Para deixar a string toda minúscula: .toLowerCase()
● Para transformar número em string: .toString()
● Para mostrar o valor de um número em binário: .toString(2)
 ● Para fixar as casas decimais: .toFixed(numero que você quer de
casas decimais)

Aula 14 = Mais sobre Number:

● Para verificar se o número é inteiro: Number.isInteger(variável)
#Retorna verdadeiro ou falso#
● Para verificar se é um número válido: Number.isNaN(variável)
#Retorna verdadeiro ou falso#

Aula 15 = Objeto Math:

● Para arredondar números decimais para baixo:
Math.floor(variável)
● Para arredondar números decimais para cima: Math.ceil(variável)
● Para arredondar para o número inteiro mais próximo:
Math.round(variável)
● Para pegar o maior número de uma sequência:
Math.max(variável, variável…)
● Para pegar o menor número de uma sequência:
Math.min(variável, variável…)
● Para gerar um número aleatório entre 0 e 1: Math.random()

Aula 16 = Arrays (básico):

● Array são vetores, variáveis em que você pode ter várias
informações, sendo cada uma delas alocadas em cada vetor, por
exemplo:
const ou let vetor = [‘fulano’, 1, 1.2] #Dessa forma o fulano tá no vetor 0,
o número o 1 tá no 1 e assim por diante# #Arrays pode ter vários tipos
de informação dentro deles#
● Sintaxe:
const nome da variável = []
● Para acessar as informações dentro de um array:
console.log(variável[index da informação])
 ● Mesmo depois de criada você pode alocar outra informação
dentro da array, destas forma:
+ Para colocar no final: array.push()
+ Para colocar no começo array.unshift()
● Do mesmo jeito que pode colocar, pode remover:
+ Para remover do final: array.pop()
+ Para remover do começo: array.shift() #Outra forma de remover é
usando o delete array [], porém utilizando dessa forma ele irá
apagar o valor porém não irá apagar o veto, ficando assim um
vetor vazio#
● Para saber se o que você tá trabalhando é um array, pode usar:
array instanceOf Array

Aula 17 = Funções (básico):

● Para criar uma função:
function nome da função() {}
● Para chamar função: nome da função()
● Para a função retornar algum valor:
function nome da função() {
let oi = ‘oi’
return oi
}
● Outra forma de declarar uma função é: const nome = function(){}
● Outra forma de declarar uma função é: const nome parâmetro =>
#o nome desse código é arrow function# operação que será
realizada #Dessa maneira não precisa de return#

Aula 18 = Objetos (básico)

● Para criar um objeto:
const nome {} #Para declarar uma variável dentro do objeto: nome:
informação#
● Para acessar uma informação dentro de um objeto usa:
nome do objeto.nome das variáveis dentro do objeto
#Pode ser feito uma função para criar objetos, dessa forma:
function nome() {
return {
nome parâmetro #Quando o parâmetro tiver nome igual a variável
não precisa determinar sua referência, quando não usa: nome:fulano #
}
}#
#Pode criar uma função dentro de um objeto: nome da função()
{}#

Aula 19 = Valores primitivos e valores

por referência
● Dados primitivos = string, number, boolean, undefined, null, bigInt,
symbol #São valores imutáveis, pois são valores copiados da
linguagem#
● Dados por referência = array, object, function #São valores
mutáveis pois são passados por referência#
#Se você quiser copiar valores entre dados por referência, usa:
let b = [1, 2, 3]
let a = [...b] #Mesma coisa para objetos##

Aula 20 = Operadores de comparação

● > Maior que
● >= Maior que ou igual a
● < Menor que
● <= Menor que ou igual a
● == Igualdade (verifica valor) #Não é utilizado hoje em dia#
● === Igualdade estrita (verifica valor e tipo)
● != Diferente (verifica valor) #Não é utilizado hoje em dia#
● !== Diferente estrito (verifica valoir e tipo)

Aula 21 = Operadores lógicos

● && And (ambos os valores tem que ser true)
● || Or (Algum valor tem que ser true)
● ! Not (Nega alguma expressão)
Aula 22 = Curto Circuito (Short Circuit)
● Aqui será usado o and e o or para evitar o uso do if e else if
● Podemos utilizar o and dessa forma:
const usuario = ‘jorge’
const senha = false
console.log(usuario && senha) #Dessa forma se alguma expressão
estiver errado o conteúdo não será exibido#
● Podemos utilizar o or dessa forma:
const usuario = ‘blue’
const sistema = ‘red’
console.log(usuario || sistema) #Dessa forma se o usuário tiver
escolhido uma cor previamente, será essa a cor padrão, se não será a
cor do sistema#

Aula 23 = if, else if, else

● São operações de checagem que você pode utilizar
● if se (se isso acontecer, faça isso)
● else if se não (se não, faça isso)
● else nada (se nada acontecer, faça isso)
● Exemplo de uso:
if (qualquerCoisa < 100) {
console.log(‘blabal’)
} else {
console.log(‘blabla’)
}
#O sistema irá verificar até achar o primeiro argumento verdadeiro, se
tiver mais de um (o que é errado) o sistema considera o primeiro
verdadeiro#

Aula 27 = Operação ternária:

● Serve para diminuir expressões simples de if e else, por exemplo:
if (qualquerCoisa < 100) {
console.log(‘blabal’)
} else {
console.log(‘blabla’)
}
Em vez de fazer isso você pode fazer isso aqui:
const qualquerCoisa = numero >= 100 ? ‘blabla’ : ‘blabla’ #Sendo
assim ? para verdadeiro e : para falso#

Aula 28 = Objeto Date

● Serve para utilizar data no JavaScript
● Se trata de um objeto construtor, logo sua primeira letra é
maiúscula
● Para utilizá la: Date()
Exemplo: const data = new Date() #Desta forma irá retornar o dia, mês,
ano, hora, minuto, segundo#
● O objeto Date() tem alguns métodos para retornar algum coisa
específica, como:
Dia da semana = .getDay()
Dia do mês = .getDate()
Mês = .getMonth() #No JavaScript o mês começa do 0, então um
macete para mudar isso é somar +1 no momento que o valor for
exibido#
Ano = .getFullYear()
Hora = .getHours))
Minuto = .getMinutes()
Segundo = .getSeconds()

Aula 29 = switch / case

● Funciona parecido com um if, else if e else
● Sintaxe:
switch (diaSemana) {
case 0:
diaSemanaTexto = ‘Domingo’
break;
default:
diaSemanaTexto = ‘sla’
break; #No caso do default, o break não é necessário, pode ter ou
não ter#
}
● Tradução do código: Caso diaSemana tiver valor igual a 0,
diaSemanaTexto será Domingo
 ● Para todo switch case tem um default no final, funciona como se
fosse um else
● Depois de cada case é obrigatório o uso do breake, pois isso quer
dizer que se aquela expressão for verdadeira o código abaixo não
será considerado
● O breake pode ser trocado se o switch case estiver dentro de uma
função, dessa forma utilizando o return obrigatoriamente no lugar

Aula 30 = Exercício com switch e date:

● Tá no arquivo!

Aula 31 = Mais diferenças entre var e

let:
● var tem escopo de função, ou seja, se for criada uma variável
usando var dentro de uma função ela será “presa naquela função”,
não podendo utilizar ela fora. Já se for criada fora da função, pode
ser usada dentro da função
● let têm escopo de bloco {}, ou seja, se for criada uma variável
usando let dentro de um bloco ela será mais importante que as
que estão fora.

Aula 32 =