Mantenha esse glossrio JavaScript salvo para acessar quando houver dvidas em variveis, mtodos, strings e mais.

Variveis JavaScript

• var: a varivel mais usada. Pode ser reatribuda, mas acessada apenas dentro de uma funo, alcanando o escopo da funo. Variveis definidas com var so movidas para o topo quando o cdigo executado;
• const: no podem ser reatribudas e no acessveis antes de aparecerem no cdigo; tm alcance de escopo do bloco;

• let: Semelhante const, pode ter escopo de bloco. A varivel let pode ser reatribuda, mas no declarada novamente.
  
  

  Tipos de dados

• Nmeros: var age = 33

• Variveis: var a

• Strings: var a = "Sachin"

• Operaes: var b = 4 + 5 + 6

• Booleano: var a = true | var b = false

• Nmeros constantes: const PI = 3.14

• Objetos: var fullName = {firstName:"Sachin", lastName: "Samal"}
  
  

  Objetos

Abaixo um exemplo simples. Este objeto descreve a variavel car e inclui chaves como marca, modelo e ano (esses so os nomes das propriedades do objeto). Cada propriedade tem um valor, como Volkswagen, Fusca e 1972.

var carro = {marca: 'Volkswagen', //Propriedade(1) marcamodelo: 'Fusca',     //Propriedade(2) modeloano: 2022            //Propriedade(3) ano};

Um objeto JavaScript uma coleo de propriedades e funciona como um mtodo.

Operadores de comparao

==: igual a
===: igual ao valor e igual ao tipo
!=: No igual
!==: No igual ao valor e no igual ao tipo
>: maior que
<: menor que
>=: maior que ou igual a
<=: menor que ou igual a
?: operador ternrio

Operadores lgicos

&&: E Lgico
||: OU lgico
!: NO Lgico

Dados de sada

alert(): Dados de sada em uma caixa de alerta na janela do navegador;
confirm(): Abra uma caixa de dilogo sim/no e retorne verdadeiro/falso dependendo do clique do usurio;
console.log(): Grava informaes no console do navegador. Bom para depurao;
document.write(): Gravar diretamente no documento HTML
prompt(): Crie uma caixa de dilogo para entrada do usurio.

Mtodos de Array

Arrays em JavaScript so usados para armazenar vrios valores em uma nica varivel.

var carros = ["Fusca", "Corcel", "Opala"]; // Cada carro  um valor do array "carros"

Voc acessa o valor de um array consultando um nmero de ndice:

var nome = carros[0];//Essa declarao acessa o valor do primeiro elemento em carros (Fusca),que se encontra no ndice 0 do array.

Obs: [0] o primeiro elemento em um Array. [1] o segundo. Os ndices do Array comeam com 0.


concat(): Junte vrios arrays em um
indexOf(): Retorna o valor primitivo do objeto especificado
join(): Combina elementos de um array em uma nica string e retorna a string
lastIndexOf(): D a ltima posio em que um determinado elemento aparece em uma matriz
pop(): Remove o ltimo elemento de um array
push(): Adicione um novo elemento no final
reverse(): Classifica os elementos em ordem decrescente
shift(): Remove o primeiro elemento de um array
slice(): Puxe uma cpia de uma parte de um array para um novo array
splice(): Adicione posies e elementos de uma maneira especificada
toString(): Converter elementos em strings
unshift(): Adiciona um novo elemento ao incio
valueOf(): Retorna a primeira posio em que um determinado elemento aparece em uma matriz

Loops JavaScript

Execute tarefas especficas repetidamente em ciclos sob determinadas condies.

for ( inicializador do ciclo; condio para o ciclo; execute ao final do ciclo) {// o que fazer durante o loop}

for: cria um loop condicional
while: Configura condies sob as quais um loop executado pelo menos uma vez, desde que a condio especificada seja avaliada como verdadeira
do... while: Semelhante ao whileloop, ele executado pelo menos uma vez e realiza uma verificao no final para ver se a condio foi atendida. Se for, ento ele executa novamente
break: Parar e sair do ciclo em determinadas condies
continue: Pule partes do ciclo se certas condies forem atendidas

Declaraes if-else

Uma instruo if executa o cdigo entre colchetes enquanto a condio entre parnteses for verdadeira. Caso contrrio, uma instruo opcional else executada.

if ( condio ) {// faa isso se a condio for atendida} else {// faa isso se a condio no for atendida};

Strings

Mtodos de Strings

charAt(): Retorna um caractere em uma posio especificada dentro de uma string
charCodeAt(): D o Unicode do caractere nessa posio
concat(): Concatenar (unir) duas ou mais strings em uma
fromCharCode(): Retorna uma string criada a partir da sequncia especificada de unidades de cdigo UTF-16
indexOf(): Fornece a posio da primeira ocorrncia de um texto especificado dentro de uma string
lastIndexOf(): O mesmo que indexOf() mas com a ltima ocorrncia, pesquisando para trs
match(): Recupere as correspondncias de uma string em um padro de pesquisa
replace(): Localizar e substituir o texto especificado em uma string
search(): Executa uma pesquisa por um texto correspondente e retorna sua posio
slice(): Extraia uma seo de uma string e a retorne como uma nova string
split(): Dividir um objeto string em uma matriz de strings em uma posio especificada
substr(): Extraia uma substring dependente de um nmero especificado de caracteres, semelhante a slice()
substring(): No pode aceitar ndices negativos, tambm semelhantes a slice()
toLowerCase(): Converter strings para minsculas
toUpperCase(): Converter strings para maisculas
valueOf(): Retorna o valor primitivo (que no possui propriedades ou mtodos) de um objeto string

Mtodos numricos

toExponential(): Retorna uma string com um nmero arredondado escrito como notao exponencial
toFixed(): Retorna a string de um nmero com um nmero especificado de decimais
toPrecision(): String de um nmero escrito com um comprimento especificado
toString(): Retorna um nmero como uma string
valueOf(): Retorna um nmero como um nmero

Mtodos matemticos

abs(a): Retorna o valor absoluto (positivo) de a
ceil(a): Valor de a arredondado para o inteiro mais prximo
exp(a): Valor de E^x retorna ex, onde x o argumento, e E a Constante de Euler, a base dos logaritmos naturais
floor(a): Valor de a arredondado para o nmero inteiro mais prximo
log(a): Logaritmo natural (base E) de a
max(a,b,c,z): Retorna o nmero com o maior valor
min(a,b,c,z): Retorna o nmero com o menor valor
random(): Retorna um nmero aleatrio entre 0 e 1
round(a): Valor de aarredondado para o nmero inteiro mais prximo
sqrt(a): Raiz quadrada de a

Lidando com datas em JavaScript

Definir datas

Date(): Crie um novo objeto de data com a data e hora atuais
Date(2022, 6, 22, 4, 22, 11, 0): crie um objeto de data personalizado. Os nmeros representam ano, ms, dia, hora, minutos, segundos, milissegundos. Voc pode omitir qualquer coisa, exceto ano e ms.
Date("2022-07-29"): Declarao de data como uma string

Extrair valores de data e hora

getDate(): Dia do ms como um nmero (1-31)
getDay(): Dia da semana como um nmero (0-6)
getFullYear(): Ano como um nmero de quatro dgitos (aaaa)
getHours(): Hora (0-23)
getMilliseconds(): Milissegundos (0-999)
getMinutes(): Minuto (0-59)
getMonth(): Ms como um nmero (0-11)
getSeconds(): Segundo (0-59)
getTime(): Milissegundos desde 1 de janeiro de 1970
getUTCDate(): Dia (data) do ms na data especificada de acordo com a hora universal (tambm disponvel para dia, ms, ano completo, horas, minutos, etc.)
parse: analisa uma representao de string de uma data e retorna o nmero de milissegundos desde 1 de janeiro de 1970

Definir parte de uma data

setDate(): Defina o dia como um nmero (1-31)
setFullYear(): Defina o ano (opcionalmente ms e dia)
setHours(): Defina a hora (0-23)
setMilliseconds(): Definir milissegundos (0-999)
setMinutes(): Defina os minutos (0-59)
setMonth(): Defina o ms (0-11)
setSeconds(): Defina os segundos (0-59)
setTime(): Defina a hora (milissegundos desde 1 de janeiro de 1970)
setUTCDate(): Defina o dia do ms para uma data especificada de acordo com a hora universal (tambm disponvel para dia, ms, ano completo, horas, minutos, etc.)

Modo Dom

Mtodos de ns

appendChild(): Adicionar um novo n filho a um elemento como o ltimo n filho
cloneNode(): Clonar um elemento HTML
compareDocumentPosition(): Comparar a posio do documento de dois elementos
getFeature(): Retorna um objeto que implementa as APIs de um recurso especificado
hasAttributes(): Retorna true se um elemento tiver algum atributo, caso contrrio, false
hasChildNodes(): Retorna true se um elemento tiver ns filhos, caso contrrio, false
insertBefore(): insira um novo n filho antes de um n filho existente especificado
isDefaultNamespace(): Retorna true se o namespaceURI especificado for o padro, caso contrrio, false
isEqualNode(): Verifique se dois elementos so iguais
isSameNode(): Verifique se dois elementos so o mesmo n
isSupported(): Retorna true se um recurso especificado for suportado no elemento
lookupNamespaceURI(): Retorna o namespaceURI associado a um determinado n
normalize(): Une ns de texto adjacentes e remove ns de texto vazios em um elemento
removeChild(): Remova um n filho de um elemento
replaceChild(): Substitui um n filho em um elemento

Mtodos de elemento

getAttribute(): Retorna o valor de atributo especificado de um n de elemento
getAttributeNS(): Retorna o valor da string do atributo com o namespace e o nome especificados
getAttributeNode(): Obtenha o n de atributo especificado
getAttributeNodeNS(): Retorna o n de atributo para o atributo com o namespace e o nome fornecidos
getElementsByTagName(): Fornece uma coleo de todos os elementos filho com o nome de tag especificado
getElementsByTagNameNS(): Retorna um HTMLCollection ativo de elementos com um determinado nome de tag pertencente ao namespace fornecido
hasAttribute(): Retorna true se um elemento tiver algum atributo, caso contrrio, false
hasAttributeNS(): Fornece um valor verdadeiro/falso indicando se o elemento atual em um determinado namespace tem o atributo especificado
removeAttribute(): Remove um atributo especificado de um elemento
lookupPrefix(): Retorna um DOMString contendo o prefixo para um dado namespaceURI, se presente
removeAttributeNS(): remove o atributo especificado de um elemento dentro de um determinado namespace
removeAttributeNode(): Retire um n de atributo especificado e retorne o n removido
setAttribute(): Defina ou altere o atributo especificado para um valor especificado
setAttributeNS(): adiciona um novo atributo ou altera o valor de um atributo com o namespace e o nome fornecidos
setAttributeNode(): Defina ou altere o n de atributo especificado
setAttributeNodeNS(): Adicionar um novo n de atributo com namespace a um elemento

Eventos JavaScript

Mouse

onclick: o usurio clica em um elemento
oncontextmenu: o usurio clica com o boto direito do mouse em um elemento para abrir um menu de contexto
ondblclick: o usurio clica duas vezes em um elemento
onmousedown: O usurio pressiona um boto do mouse sobre um elemento
onmouseenter: O ponteiro se move para um elemento
onmouseleave: O ponteiro se move para fora de um elemento
onmousemove: O ponteiro se move enquanto est sobre um elemento
onmouseover: O ponteiro se move para um elemento ou um de seus filhos
setInterval(): Chama uma funo ou avalia uma expresso em
oninput: entrada do usurio em um elemento
onmouseup: O usurio libera um boto do mouse enquanto est sobre um elemento
onmouseout: O usurio move o ponteiro do mouse para fora de um elemento ou de um de seus filhos
onerror: Acontece quando ocorre um erro ao carregar um arquivo externo
onloadeddata: Os dados de mdia so carregados
onloadedmetadata: metadados (como dimenses e durao) so carregados
onloadstart: O navegador comea a procurar a mdia especificada
onpause: A mdia pausada pelo usurio ou automaticamente
onplay: A mdia iniciada ou no est mais pausada
onplaying: A mdia est sendo reproduzida aps ter sido pausada ou interrompida para armazenamento em buffer
onprogress: O navegador est em processo de download da mdia
onratechange: Mudanas de velocidade de reproduo de mdia
onseeked: O usurio termina de mover/pular para uma nova posio na mdia
onseeking: O usurio comea a se mover/pular
onstalled: O navegador tenta carregar a mdia, mas no est disponvel
onsuspend: O navegador no est carregando mdia intencionalmente
ontimeupdate: A posio de reproduo mudou (por exemplo, devido ao avano rpido)
onvolumechange: O volume da mdia mudou (incluindo mudo)
onwaiting: Mdia pausada, mas espera-se que seja retomada (por exemplo, armazenamento em buffer)

Traduzido e adaptado de: https://opens...t-glossary
Autor: Marcelo Schffer Petry
https://marcelopetry.com