Guia de JavaScript

Introdução ao JavaScript

• O que é JavaScript
• Primeiro programa em JavaScript
• Executando código JavaScript
• Conexão de um arquivo JavaScript externo
• Console do navegador e console.log

Fundamentos

• Variáveis e constantes
• Tipos de dados
• Operações aritméticas
• Operações bit a bit
• Expressões condicionais
• Operadores condicionais
• Conversões de dados
• Introdução aos arrays
• Estruturas condicionais
• Laços
• Depuração e Depurador

Programação Funcional

• Funções
• Paramentros de função
• Resultado da função
• Funções arrow
• Escopo de variáveis
• Closures
• Funções IIFE
• Funções recursivas
• Sobrescrevendo comportamentos em funções
• Hoisting
• Passagem de parâmetros por valor e por referência

Programação Orientada a Objetos

• Objetos
• Palavra-chave this
• Objetos aninhados e arrays em objetos
• Copiando e comparando objetos
• Verificação da existência e iteração de métodos e propriedades
• Objeto como resultado de uma função
• Funções construtoras de objetos
• Extensão de Objetos. Protótipos
• A função como objeto. Métodos call e apply
• Função Object.create. Configuração de propriedades de objetos
• Herança de protótipos
• Herança de protótipos de construtores
• Encapsulamento de Propriedades: Getters e Setters
• Desestruturação
• O operador de encadeamento opcional
• Objetos constantes: proibição de alterações no objeto

Classes

• Definição de classes
• Campos e métodos privados
• Campos e métodos estáticos
• Propriedades e métodos de acesso
• Herança

Arrays

• Criação de arrays e o objeto Array
• Arrays e o operador spread
• Operações com arrays
• Herança de arrays

Strings e Expressões Regulares

• Strings, o objeto String e seus metodos
• Template strings
• Objeto RegExp. Expressões regulares
• Sintaxe de expressões regulares
• Quantificadores em expressões regulares
• Busca em string
• Grupos em expressões regulares
• Expressões regulares nos métodos da string

Tratamento de Erros

• try...catch...finally
• Lançando erros com o operador throw
• Tipos de erros
• Lidando com erros e a pilha de chamadas de funções em JavaScript

Objetos Predefinidos

• Objeto Date. Lidando com Datas
• Explorando operações matemáticas com o objeto Math
• O objeto Number
• Símbolos
• Proxy

Coleções e Iteradores

• Iteradores
• Geradores
• Conjuntos Set
• Map
• WeakSet
• WeakMap

Trabalhando com DOM

• Introdução ao DOM
• Propriedades do objeto document
• Busca de elementos em páginas web
• Objeto Node: Navegando pelo DOM
• Elementos
• Criando, adicionando, substituindo e removendo elementos
• Gerenciando atributos de elementos
• Alterando o estilo de elementos
• Criando seu próprio elemento HTML

Eventos

• Introdução ao tratamento de eventos
• Manipuladores de eventos
• Passando dados para o manipulador de eventos: Objeto Event
• Propagação de eventos
• Eventos de mouse
• Eventos de teclado
• Invocando eventos programaticamente
• Criando eventos personalizados

Trabalhando com Formulários

• Formulários e seus elementos
• Botões
• Campos de texto
• Caixas de seleção e botões de opção
• Lista select
• API de validação: validando elementos de formulário
• Gerenciando a validação de formulários

Trabalhando com o navegador e o BOM

• Browser Object Model e o objeto Window
• Janelas de diálogo e pesquisa em páginas
• Abrindo, fechando e posicionando janelas
• Histórico do navegador: History API
• Objeto location
• Objeto navigator
• Temporizadores

Formatos JSON e XML

• Trabalhando com JSON
• Trabalhando com XML

Armazenamento de Dados

• Cookies
• Web Storage

Programação Assíncrona

• Programação Assíncrona
• Introduzindo Promises
• Obtendo o resultado de uma operação com Promise
• Tratando erros com Promise
• Criando cadeias de Promises
• Promise.all, Promise.allSettled, Promise.any e Promise.race
• Async e Await
• Iteradores assíncronos
• Geradores assíncronos

Requisições AJAX e XMLHttpRequest

• Objeto XMLHttpRequest
• Requisições AJAX e XMLHttpRequest
• Carregando XML com XMLHttpRequest
• Carregando JSON com XMLHttpRequest
• Enviando dados em uma solicitação AJAX
• Enviando formulários com requisição AJAX
• Promise em uma requisição AJAX

Fetch API

• Função fetch
• Obtendo resposta: Objeto Response e suas propriedades
• Obtendo dados da resposta
• Configurando parâmetros de requisição e enviando dados
• Criando um cliente para REST API

Websocket API e Eventos Enviados pelo Servidor

• Websocket API
• Eventos enviados pelo servidor

Módulos

• Introdução aos módulos
• Exportando e importando componentes de módulos
• Exportação e importação default
• Utilizando aliases na exportação e importação
• Carregando módulos dinamicamente

Canvas API

• Desenhando retângulos
• Configurando o desenho
• Imagens do fundo
• Criando gradientes
• Desenhando texto
• Desenhando formas
• Trabalhando com imagens
• Adicionando sombras
• Editando pixels
• Transformações
• Desenhando com o mouse
• Salvando e restaurando o estado do canvas
• Animação

IndexedDB API

• Criando, abrindo e excluindo um banco de dados
• Gerenciando objetos de armazenamento
• Executando consultas
• Adicionando registros ao armazenamento
• Obtendo registros do armazenamento
• Atualizando registros no armazenamento
• Obtendo a quantidade de registros no armazenamento
• Removendo registros do armazenamento
• Cursores

Drag and Drop API

• Implementando arrastar e soltar
• Manipulando dados de elementos arrastados com DataTransfer

File API

• Manipulando arquivos
• Lendo arquivos com FileReader
• Monitorando progresso de upload de arquivos

Web Workers API

• Definindo e implementando Web Workers
• Comunicação entre Web Workers e o thread principal

Outros APIs da Web

• Geolocation
• Battery Status API
• Web Speech API: Síntese de fala
• Web Speech API: Reconhecimento de fala
• Web Animation API