Tutorial de JavaScript – Acervo Lima Tutorials

Bem-vindo ao site Tutorials.AcervoLima.com! Este tutorial de JavaScript ajuda você a aprender a linguagem de programação JavaScript do zero de forma rápida e eficaz.

Se você se encontrar em alguma das seguintes situações:

Não tenho certeza sobre por onde começar a aprender JavaScript.
Cansado de simplesmente copiar e colar código JavaScript sem realmente entender como funciona.
Sinta-se incapaz de adicionar recursos mais ricos e atraentes aos seus sites e aplicativos da web porque não sabe como aproveitar muito o JavaScript.

Tutorials.AcervoLima.com é um bom lugar para começar.

Seção 1. Primeiros passos

O que é JavaScript? – apresentar o JavaScript e sua história.
Instale um editor de código-fonte JavaScript – aprenda como instalar o Visual Studio Code para editar código JavaScript.
Conheça a guia Console das ferramentas de desenvolvimento da Web – fornece uma introdução básica à janela Console nos navegadores da web.
JavaScript Hello World – aprenda como executar o primeiro código JavaScript que exibe a famosa "Hello, World!"mensagem.

Seção 2. Fundamentos

Sintaxe – explique a sintaxe do JavaScript, incluindo espaços em branco, instruções, identificadores, palavras-chave, expressões e comentários.
Variáveis – mostra como declarar variáveis.
Tipos de dados – apresente os tipos de dados JavaScript, incluindo tipos primitivos e de referência.
Número – aprenda como o JavaScript usa o Numbertipo para representar números inteiros e de ponto flutuante.
Separador Numérico – mostra como tornar os números mais legíveis usando sublinhados como separadores numéricos.
Literais octais e binários – fornecem suporte para literais binários e alteram a maneira de representar literais octais.
Booleano – apresenta o Booleantipo.
String – aprenda sobre o tipo primitivo de string e algumas operações básicas de string.
Objeto – apresenta o tipo de objeto.
Valores primitivos versus valores de referência – entenda dois tipos de valores em JavaScript, incluindo valores primitivos e de referência, e as diferenças entre eles.
Array – apresenta o Arraytipo e como manipular os elementos do array.

Seção 3. Operadores

Operadores aritméticos – apresente os operadores aritméticos, incluindo adição ( +), subtração ( -), multiplicação ( *) e divisão ( /).
Operador de resto – mostra como usar o operador de resto ( %) para obter o resto que sobra quando um valor é dividido por outro valor.
Operadores de atribuição – orientam você sobre como usar operadores de atribuição ( =) para atribuir um valor ou uma expressão a uma variável.
Operadores unários – aprenda como usar operadores unários.
Operadores de comparação – mostram como usar operadores de comparação para comparar dois valores.
Operadores lógicos – aprenda como usar os operadores lógicos: NOT ( !), AND ( &&) e OR ( ||).
Operadores de atribuição lógica – apresentam os operadores de atribuição lógica, incluindo ||=,, &&=e??=
Operador de coalescência nulo ( ??) – aceita dois valores e retorna o segundo valor se o primeiro for nullou undefined.
Operador de exponenciação – apresenta o operador de exponenciação ( **) que calcula uma base para a potência do expoente, que é semelhante ao Math.pow()método.

Seção 4. Declarações de fluxo de controle

if – mostra como usar a ifinstrução para executar um bloco se uma condição for verdadeira.
if…else – aprenda como executar um bloco de código com base em uma condição especificada.
if…else…if – verifica múltiplas condições e executa um bloco.
Operadores ternários – mostram como fazer um atalho para a ifinstrução ( ?:).
switch – mostra como substituir diversas ifinstruções ao comparar um valor com diversas variantes usando a switchinstrução.
while – aprenda como executar um loop de pré-teste que executa repetidamente um bloco de código enquanto uma condição especificada for true.
do…while – mostra como realizar um loop de pós-teste que executa um bloco de código repetidamente até que uma condição especificada seja false.
loop for – aprenda como executar repetidamente um bloco de código com base em várias opções.
break – aprenda como encerrar prematuramente um loop.
continue – mostra como pular a iteração atual de um loop e pular para a próxima.
Operador vírgula – orienta você sobre como usar o operador vírgula em um forloop para atualizar várias variáveis de uma vez.

Seção 5. Funções

Funções – apresenta funções em JavaScript.
As funções são cidadãs de primeira classe – aprenda como armazenar funções nas variáveis, passar funções para outras funções como argumentos e retornar funções como valores.
Funções anônimas – aprenda sobre funções anônimas, que são funções sem nomes.
Passagem por valor – entenda como funciona a passagem por valor em JavaScript.
Função recursiva – aprenda como definir funções recursivas.
Parâmetros padrão – mostram como definir parâmetros padrão para funções.

Seção 6. Objetos e Protótipos

Métodos de objeto – apresenta os métodos de um objeto.
Funções construtoras – mostram como usar funções construtoras para definir tipos personalizados em JavaScript.
Protótipo – aprenda como o protótipo funciona em JavaScript.
Padrão Construtor/Protótipo – mostra como combinar a função construtor e o padrão de protótipo para definir tipos personalizados.
Herança prototípica – entenda a herança prototípica em JavaScript.
O que é isso em JavaScript – entenda o thisvalor e como funciona em JavaScript.
globalThis – fornece uma maneira padrão de acessar o objeto global em todos os ambientes.
Propriedades do objeto – mergulhe nas propriedades do objeto e seus atributos.
for…in loop – aprenda como iterar sobre as propriedades de um objeto usando o for...inloop.
Propriedades enumeráveis – saiba mais sobre as propriedades enumeráveis.
Propriedades Próprias – entenda as propriedades próprias e herdadas.
Funções de fábrica – aprenda sobre as funções de fábrica que são funções que retornam objetos.
Desestruturação de objetos – aprenda como atribuir propriedades de um objeto a variáveis.
Operador de encadeamento opcional ( ?.) – simplifica a maneira de acessar uma propriedade localizada profundamente em uma cadeia de objetos conectados sem ter que verificar se cada referência na cadeia é nullou undefined.
Extensões de sintaxe literal de objeto – fornecem uma nova maneira de definir literal de objeto.

Seção 7. Classes

Classe – apresenta a sintaxe da classe ES6 e como declarar uma classe.
Getters e Setters – defina os getters e setters para uma classe usando as palavras-chave get e set.
Expressão de classe – aprenda uma maneira alternativa de definir uma nova classe usando uma expressão de classe.
Propriedade computada – explicar a propriedade computada e sua aplicação prática.
Herança – mostra como estender uma classe usando as palavras-chave extendse super.
new.target – apresenta a new.targetmetapropriedade.
Métodos estáticos – orienta você sobre como definir métodos associados a uma classe, não instâncias dessa classe.
Propriedades estáticas – mostra como definir propriedades estáticas compartilhadas por todas as instâncias de uma classe.
Campos Privados – aprenda como definir campos privados em uma classe.
Métodos Privados – mostra como definir métodos privados em uma classe.

Seção 8. Funções Avançadas

Tipo de função – apresenta o Functiontipo e suas propriedades e métodos.
call() – entenda o call()método e aprenda como usá-lo de forma eficaz.
apply() – aprenda como usar o apply()método de forma eficaz.
bind() – entenda o bind()método e como aplicá-lo de forma eficaz.
Encerramento – entenda os encerramentos em JavaScript.
Expressão de função invocada imediatamente (IIFE) – aprenda sobre expressões de função invocada imediatamente (IIFE).
Retornando vários valores – orienta você sobre como retornar vários valores de uma função.
Funções de seta – apresenta as funções de seta ( =>)
Funções de seta: quando você não deve usar – aprenda quando não usar as funções de seta.
Parâmetro Rest – apresenta os parâmetros rest e como usá-los de forma eficaz.
Funções de retorno de chamada – apresente as funções de retorno de chamada e aprenda como usá-las para lidar com operações assíncronas.

Seção 9. Promessas e Async/Await

Promessas – aprenda sobre promessas Javascript, o que são e como usá-las de forma eficaz.
Encadeamento de promessas – mostra como executar várias operações assíncronas em sequência.
Composição de promessas: Promise.all()& Promise.race()– aprenda como compor uma nova promessa a partir de várias promessas.
Promise.any() – aprenda como usar o Promise.any()método JavaScript para retornar o primeiro Promiseque for cumprido.
Promise.allSettled() – aceita uma lista de promessas e retorna uma nova promessa que resolve uma matriz de valores, que foram resolvidos (resolvidos ou rejeitados) pelas promessas de entrada.
Promise.prototype.finalmente() – execute um trecho de código quando a promessa for cumprida, independentemente de seu resultado.
Tratamento de erros de promessas – orienta você sobre como lidar com erros em promessas.
async / await – escreve código assíncrono em uma sintaxe mais clara.

Seção 10. Iteradores e Geradores

Iteradores – apresenta os protocolos de iteração e iterador.
Geradores – desenvolvem funções que podem fazer uma pausa no meio do caminho e depois continuar de onde pararam.
rendimento – mergulhe em como usar a yieldpalavra-chave em geradores.
for…of – aprenda como usar o for...ofloop para iterar sobre elementos de um objeto iterável.
Iteradores assíncronos – aprenda como usar iteradores assíncronos para acessar fontes de dados assíncronas sequencialmente.
Geradores assíncronos – mostram como criar um gerador assíncrono.

Seção 11. Módulos

Módulos – aprenda como escrever código JavaScript modular.
Exportar – explique detalhadamente como exportar variáveis, funções e classes de um módulo.
Importar – orienta você sobre como importar exportações padrão e exportações nomeadas de outro módulo.
Importação dinâmica – mostra como importar um módulo dinamicamente por meio de um objeto semelhante a uma função import().
Aguardação de nível superior – explique o módulo de espera de nível superior e seus casos de uso.

Seção 12. Símbolo

Símbolo – apresenta um novo tipo primitivo chamado symbolem ES6

Seção 13. Coleções

Mapa – apresenta o Maptipo que contém uma coleção de pares de valores-chave.
Conjunto – aprenda como usar o Settipo que contém uma coleção de valores exclusivos.

Seção 14. Tratamento de erros

try…catch – mostra como lidar com exceções normalmente.
try…catch…finalmente – aprenda como capturar exceções e executar um bloco, independentemente de as exceções ocorrerem ou não.
throw – mostra como lançar uma exceção.
Ligação catch opcional – omite a variável de exceção no bloco catch.

Seção 15. JavaScript var, let e const

let – declara variáveis com escopo de bloco usando a letpalavra-chave.
let vs. var – entenda as diferenças entre lete var.
const – defina constantes usando a constpalavra-chave.

Seção 16. Procuração e Reflexão

Proxy – aprenda como usar o objeto proxy que envolve outro objeto (alvo) e intercepta as operações fundamentais do objeto alvo.
Reflection – mostra como usar a API ES6 Reflection para manipular variáveis, propriedades e métodos de objetos em tempo de execução.

Seção 17. Tempo de execução do JavaScript

Contextos de execução – entenda os contextos de execução, incluindo contextos globais e de execução de funções.
Pilha de chamadas – entenda a pilha de chamadas.
Loop de eventos – mostra como o JavaScript lida com operações assíncronas usando o loop de eventos.
Elevação – aprenda como funciona a elevação em JavaScript.
Escopos variáveis – apresenta os escopos variáveis.

Seção 18. Tipos de wrapper primitivo

Tipos de wrapper primitivos – aprenda como os tipos de wrapper primitivos funcionam em JavaScript.
Boolean – apresenta o tipo de wrapper primitivo booleano.
Número – aprenda sobre o tipo de wrapper primitivo Number.
BigInt – apresenta o BigInttipo que representa os números inteiros grandes.
Tipo String – apresenta o tipo String.

O quê é JavaScript