К содержанию

Tutorial Principal de JavaScript

Tutorial simples de JavaScript para iniciantes com livro de problemas e exemplos de soluções.

Fundamentos

Introdução à linguagem JavaScript para iniciantes

Executando JavaScript

Primeiro programa em JavaScript

Vamos analisar o código do programa

Exemplos Adicionais

Incluindo um arquivo com scripts JavaScript

Vários arquivos com scripts JavaScript

Características da tag script em JavaScript

Cacheamento de arquivos JavaScript pelo navegador

Modo estrito em JavaScript

Comentários em JavaScript

Variáveis em JavaScript

Utilização de Variáveis

Declaração de múltiplas variáveis em JavaScript

Alteração de Valores de Variáveis

Vários let para uma mesma variável

Operações Matemáticas com Números em JavaScript

Operações Matemáticas com Variáveis em JavaScript

Precedência de Operações Matemáticas em JavaScript

Precedência igual de operações matemáticas em JavaScript

Parênteses de Agrupamento em JavaScript

Frações em JavaScript

Números negativos em JavaScript

Sinal de mais antes de números em JavaScript

Módulo em JavaScript

Exponenciação em JavaScript

Precedência da Exponenciação

Strings em JavaScript

Concatenação de strings em JavaScript

Comprimento de uma string em JavaScript

Template Strings em JavaScript

Multilinha

Valores Especiais em JavaScript

Significado de undefined

Valor null

Valores true e false

Significado de NaN

Infinity e -Infinity em JavaScript

Trabalhando com o Console em JavaScript

Tipos de dados no console JavaScript

Erros no Console JavaScript

Constantes em JavaScript

Conversão Automática de Tipos de Dados

Conversão para Número em JavaScript

Conversão Abreviada para Número em JavaScript

Conversão de Números Inválidos em JavaScript

Extraindo Números em JavaScript

Conversão para String em JavaScript

Aplicando conversão para strings em JavaScript

Conversão do tipo booleano em JavaScript

Conversão para o tipo booleano em JavaScript

Obtendo caracteres de uma string em JavaScript

Imutabilidade de Strings em JavaScript

O último caractere de uma string em JavaScript

Strings com números em JavaScript

Acessando os dígitos de um número em JavaScript

Operações para modificar variáveis em JavaScript

Operadores de Atribuição Abreviada em JavaScript

Operações de incremento e decremento em JavaScript

Tipos prefixo e pós-fixo em JavaScript

Cálculos Imprecisos em JavaScript

A função prompt em JavaScript

Problema com tipos de dados na função prompt em JavaScript

Saída de texto em um documento em JavaScript

Encontrando erros no código

Prática com Operações em JavaScript

Prática com fórmulas em JavaScript

Matrizes

Arrays em JavaScript

Acessando elementos de arrays em JavaScript

Comprimento de um array em JavaScript

Modificando elementos de array em JavaScript

Sobrescrevendo elementos de array em JavaScript

Incremento e decremento de elementos de array em JavaScript

Adicionando elementos por chaves em JavaScript

Arrays esparsos em JavaScript

Adicionando elementos com push em JavaScript

Chaves de arrays a partir de variáveis em JavaScript

O operador delete em arrays no JavaScript

Encontrando erros em códigos com arrays JavaScript

Objetos

Objetos em JavaScript

Como exibir um objeto inteiro em JavaScript

Chaves de string em objetos JavaScript

Propriedades de Objetos em JavaScript

Restrições para chaves de objetos em JavaScript

Modificando elementos de objetos em JavaScript

Adicionando elementos a objetos em JavaScript

Desordenação de Objetos em JavaScript

Matriz de chaves de objeto em JavaScript

Comprimento de um objeto em JavaScript

Chaves de objetos a partir de variáveis em JavaScript

Erro de Acesso a Elemento por Chave em JavaScript

Erro de acesso à propriedade de objeto em JavaScript

Propriedades Computadas em JavaScript

O operador in em JavaScript

Operador delete em JavaScript

Tipagem de Objetos em JavaScript

Arrays como objetos em JavaScript

Diferenciando arrays de objetos em JavaScript

Objetos e primitivos em JavaScript

Passagem de objetos por referência em JavaScript

Constantes com arrays ou objetos em JavaScript

Abordagem de Programação com Constantes em JavaScript

Buscando erros em código com objetos JavaScript

Condições

A estrutura if-else em JavaScript

Operadores maior e menor em JavaScript

Verificação de igualdade em JavaScript

Verificação de desigualdade em JavaScript

Comparação de Variáveis em JavaScript

Igualdade de Strings em JavaScript

Igualdade entre strings e números em JavaScript

Igualdade por valor e tipo em JavaScript

Desigualdade por valor e tipo em JavaScript

Operador Lógico AND em JavaScript

Operador Lógico OU em JavaScript

Precedência de operadores lógicos em JavaScript

Agrupamento de condições em JavaScript

Inversão de expressões lógicas em JavaScript

Condições com valores booleanos em JavaScript

Comparação de valores com tipo booleano em JavaScript

Forma abreviada de verificação de verdade em JavaScript

Forma abreviada de verificação de falsidade em JavaScript

Forma Geral de Verificação Abreviada em JavaScript

Condições complexas em forma abreviada em JavaScript

A opcionalidade da construção else em JavaScript

Opcionalidade das chaves no JavaScript

O problema da opcionalidade das chaves no if-else

A construção else if em JavaScript

Estruturas aninhadas if-else em JavaScript

A estrutura switch-case em JavaScript

A opcionalidade do break na construção switch-case em JavaScript

Operador Ternário em JavaScript

Operações Lógicas em JavaScript

A função confirm em JavaScript

Escopo de Variáveis em if-else em JavaScript

Nuances do escopo de variáveis em construções if-else em JavaScript

Verificação das partes de uma hora usando if-else em JavaScript

Verificando o comprimento de strings e arrays em JavaScript

Verificação de caracteres de string em JavaScript

Verificação de dígitos de um número em JavaScript

Verificando o resto da divisão em JavaScript

Encontrando erros em código com condições JavaScript

Prática com condicionais if-else em JavaScript

Laços

Introdução a loops em JavaScript

Iteração em array com loop for-of em JavaScript

Iterando sobre um objeto com loop for-in em JavaScript

O loop while em JavaScript

Loop for em JavaScript

Loop for para arrays em JavaScript

Condições em Loops em JavaScript

Acumulando números em loops JavaScript

Acumulação de elementos de arrays em loops JavaScript

Formação de Strings através de Loops em JavaScript

Dígitos de um número ao iterar com loop em JavaScript

Opcionalidade das chaves em loops em JavaScript

O problema da opcionalidade das chaves em loops em JavaScript

Instrução break em JavaScript

Instrução continue em JavaScript

Laços aninhados em JavaScript

Escopo em Loops JavaScript

Loops Aninhados e Escopo em JavaScript

Preenchendo Arrays em JavaScript

Modificando um array em um loop JavaScript

Preenchendo objetos com loop em JavaScript

Modificando objetos através de loop em JavaScript

Trabalhando com flags em JavaScript

Dicas para escrever código de loops em JavaScript

Dicas para depurar código usando exemplos de loops em JavaScript

Encontrando erros em código com loops JavaScript

Praticando Loops em JavaScript

Multidimensionalidade

Arrays multidimensionais em JavaScript

Array tridimensional em JavaScript

Arrays arbitrários em JavaScript

Iteração de Arrays Multidimensionais em JavaScript

Iteração com for comum em JavaScript

Preenchendo Arrays Multidimensionais em JavaScript

Problemas ao preencher arrays multidimensionais em JavaScript

Preenchendo arrays multidimensionais em ordem em JavaScript

Objetos multidimensionais em JavaScript

Iteração de Objetos Multidimensionais em JavaScript

Estruturas Multidimensionais em JavaScript

Iteração de Estruturas Multidimensionais em JavaScript

Matriz de objetos em JavaScript

Chaves de variáveis em estruturas multidimensionais JavaScript

Adicionando elementos a arrays multidimensionais em JavaScript

Adicionando elementos a objetos multidimensionais JavaScript

Métodos Padrão

Potência e Raiz em JavaScript

Funções de arredondamento em JavaScript

Números extremos em JavaScript

Números Aleatórios em JavaScript

Módulos em JavaScript

Maiúsculas e minúsculas em JavaScript

Extração de partes de strings em JavaScript

Pesquisa em Strings em JavaScript

Substituindo partes de strings em JavaScript

Divisão de strings em JavaScript

Elementos de extremidade em JavaScript

Partes de arrays em JavaScript

Modificação de Arrays em JavaScript

Pesquisa em Arrays em JavaScript

Matriz de chaves de objeto em JavaScript

Buscando erros no código com métodos padrão do JavaScript

Funções Personalizadas

Fundamentos do trabalho com funções personalizadas em JavaScript

Parâmetros de Funções em JavaScript

Vários parâmetros de funções em JavaScript

Parâmetros-variáveis de funções em JavaScript

Parâmetros Opcionais em JavaScript

A instrução return em JavaScript

Chamada sequencial de funções em JavaScript

Ponto de atenção do return em JavaScript

Ciclo e return em JavaScript

Uso do return em loops em JavaScript

Técnica de trabalho com return em JavaScript

Bandeiras em Funções JavaScript

Operadores lógicos sem if em funções JavaScript

Dicas para criar funções em JavaScript

Buscando erros no código com funções JavaScript

Prática com Funções JavaScript

Variáveis de Funções

Variáveis Globais em Funções em JavaScript

Variáveis locais em funções em JavaScript

Nomes iguais de variáveis em funções em JavaScript

Modificando variáveis globais em JavaScript

Variáveis Globais e Parâmetros de Funções em JavaScript

Coincidência de nomes com parâmetros em JavaScript

Parâmetros-objeto JavaScript

Tipos de Funções

Código-fonte da função e seu resultado em JavaScript

Função como Variável em JavaScript

Atribuindo uma função a outra variável em JavaScript

Atribuição de funções a variáveis em JavaScript

Coincidência de nome de função e variável em JavaScript

Function expression e Function declaration em JavaScript

Diferença entre declarações de função

Ponto e vírgula na declaração de funções em JavaScript

Nuances das Expressões Funcionais em JavaScript

Função com nome, mas Expression Function em JavaScript

Expressões de Função Nomeadas em JavaScript

Como verificar o tipo de função em JavaScript

Expressão de função à esquerda em JavaScript

Expressão à Direita da Função em JavaScript

Matriz com funções anônimas em JavaScript

Objeto com funções anônimas em JavaScript

Aplicação de Objeto com Funções em JavaScript

Funções Aninhadas

Passando funções como parâmetros em JavaScript

Funções nomeadas como parâmetros em JavaScript

Parâmetros de funções passadas em JavaScript

Passando um número como parâmetro em JavaScript

Aplicação de Passagem de Função como Parâmetro em JavaScript

Funções Aninhadas em JavaScript

Escopo de funções aninhadas em JavaScript

Parâmetros da função externa em JavaScript

Parâmetros de funções externas e internas em JavaScript

Parâmetros homônimos em JavaScript

Função que retorna uma função em JavaScript

Qualquer nível de aninhamento em JavaScript

Parâmetros de funções retornadas em JavaScript

Funções de Callback em JavaScript

Nuances de callbacks em JavaScript

Funções de Seta em JavaScript

Aplicação de Arrow Functions em JavaScript

Closures

Acesso a variáveis externas em funções JavaScript

Ambiente Léxico de Funções em JavaScript

Aplicação do Ambiente Léxico de Funções em JavaScript

Closures em JavaScript

Contador com Closures em JavaScript

Variável Local de Contador em JavaScript

Variável Global de Contador em JavaScript

IIFE

Invocação de Função Imediata em JavaScript

Atribuição de função a uma variável em JavaScript

Aplicação de Invocação de Função Imediata em JavaScript

Parênteses em IIFE em JavaScript

Parâmetros de função quando chamada imediatamente em JavaScript

Múltiplas Chamadas IIFE em JavaScript

Armadilhas das IIFE em JavaScript

Ponto e vírgula para segurança em IIFE

Closures e Invocação Imediata de Função em JavaScript

Recursão

Trabalhando com recursão em JavaScript

Exemplo com parâmetro via recursão em JavaScript

Soma dos elementos de um array com recursão em JavaScript

Recursão e Estruturas Multidimensionais em JavaScript

Soma de elementos de array via recursão em JavaScript

Manipulação de elementos em JavaScript

Métodos de Iteração

Método map para iterar arrays em JavaScript

Método forEach para iterar arrays em JavaScript

Método filter para filtrar arrays em JavaScript

Método every para verificar arrays em JavaScript

Método some para verificar arrays em JavaScript

Busca em array usando callback em JavaScript

Reduzindo um array em JavaScript

Operador spread

Operador spread em JavaScript

Uso do spread em JavaScript

Valores extremos de um array usando spread em JavaScript

Operador spread e mesclagem de arrays

Operador spread para strings em JavaScript

Operador spread e números em JavaScript

Operador rest

Operador rest em JavaScript

Função que encontra a soma de números usando os operadores rest e spread em JavaScript

Função que mescla arrays em bidimensional em JavaScript

Função que mescla arrays em um só em JavaScript

Desestruturação

Desestruturação de Arrays em JavaScript

Desestruturação de Array de uma Função em JavaScript

Ignorando elementos de array na desestruturação em JavaScript

Valores extras na desestruturação de array em JavaScript

O Resto de um Array na Desestruturação em JavaScript

Valores padrão na desestruturação de array em JavaScript

Funções como padrão na desestruturação de array em JavaScript

Declaração de variáveis na desestruturação de array em JavaScript

Desestruturação de objetos em JavaScript

Nomes de variáveis na desestruturação de objetos em JavaScript

Valores padrão na desestruturação de objetos em JavaScript

Variáveis e Valores Padrão em JavaScript

Declaração de variáveis na desestruturação de objetos em JavaScript

Desestruturação de parâmetros de funções em JavaScript

Desestruturação de objetos parâmetros de funções em JavaScript

Tempo

Trabalhando com o objeto Date em JavaScript

Formatação de data em JavaScript

Alterando o formato de data em JavaScript

Obtendo o dia da semana em JavaScript

Exibindo partes da data por extenso em JavaScript

Definindo hora e data no objeto Date em JavaScript

Obtenção de timestamp em JavaScript

Diferença entre datas no formato timestamp em JavaScript

Diferença entre objetos de data em JavaScript

Ajuste automático de datas em JavaScript

Encontrando o último dia do mês em JavaScript

Definição de ano bissexto em JavaScript

Verificação de validade de data em JavaScript

Obter o dia do ano atual em JavaScript

Dia do próximo ou do mês anterior

Dia do próximo ou do ano anterior

Diferença entre momentos

Momento do dia

Início do dia em JavaScript

O Fim do Dia em JavaScript

Verificação Cíclica de Momentos no Tempo em JavaScript

Prática para obter momentos de tempo em JavaScript

Comparação de strings de datas em JavaScript

Comparação de data sem o ano em JavaScript

Verificação se uma data está dentro de um intervalo

Comparação de objetos de data em JavaScript

Introdução ao DOM

Fundamentos de Trabalho com DOM em JavaScript

Elementos DOM em JavaScript

Obtendo um elemento DOM em JavaScript

Seletores complexos de elementos DOM em JavaScript

Vinculando manipuladores a elementos em JavaScript

Manipuladores de eventos nomeados em JavaScript

Um manipulador para muitos elementos em JavaScript

Múltiplos manipuladores para um mesmo evento em JavaScript

Manipuladores de Diferentes Eventos em JavaScript

Trabalhando com texto de elementos em JavaScript

Trabalhando com código HTML de elementos em JavaScript

Atributos de tags como propriedades em JavaScript

Trabalhando com campos de texto em JavaScript

Foco de campos de texto em JavaScript

Exceções ao trabalhar com atributos em JavaScript

Encadeamento de métodos e propriedades em JavaScript

Vantagens e desvantagens do encadeamento em JavaScript

O objeto this em JavaScript

A vantagem do this em JavaScript

Obtendo um grupo de elementos em JavaScript

Adicionando manipuladores em loop em JavaScript

Adicionando manipuladores anônimos em loop em JavaScript

Remoção de event listeners em JavaScript

Desvinculando manipuladores de eventos em loop em JavaScript

Desvinculando funções anônimas em JavaScript

Dicas para escrever código usando DOM em JavaScript como exemplo

Buscando erros no código com DOM em JavaScript

Prática do Material Estudado sobre Trabalho com DOM

Atributos

Obtendo atributos em JavaScript

Definindo atributos em JavaScript

Remoção de Atributos em JavaScript

Verificando a existência de atributos em JavaScript

Atributos personalizados em JavaScript

Nomes de atributos com hífens em JavaScript

Acessando atributos através de métodos em JavaScript

Manipulação de um array de classes CSS em JavaScript

Adicionando classes CSS em JavaScript

Remoção de classes CSS em JavaScript

Verificando classes CSS em JavaScript

Alternância de classes CSS em JavaScript

Estilização

Estilização de elementos através do atributo style em JavaScript

Estilizando propriedades com hífen em JavaScript

Exceção ao estilizar elementos em JavaScript

Estilização usando classes CSS em JavaScript

Vantagem da estilização com classes CSS em JavaScript

Aplicação de estilização em JavaScript

Pesquisa

Encontrando elementos descendentes em JavaScript

Encontrando elementos pai em JavaScript

Buscando todos os elementos pais em JavaScript

Buscando elementos vizinhos em JavaScript

Buscando elemento por id em JavaScript

Pesquisando elemento pelo nome da tag em JavaScript

Buscando elementos por nome de classe em JavaScript

Buscando elementos dentro de outro elemento em JavaScript

Nós

Trabalhando com nós em JavaScript

Iterando nós com loop em JavaScript

Nomes de nós em JavaScript

Tipo de nós em JavaScript

Texto de nós em JavaScript

Formulários

Trabalhando com textarea em JavaScript

Atributo disabled em JavaScript

Trabalhando com Checkboxes em JavaScript

Alternância de atributos sem valores

Trabalhando com botões de rádio em JavaScript

Evento change em JavaScript

Evento input em JavaScript

Métodos focus e blur em JavaScript

Buscando erros em código com formulários em JavaScript

Listas Suspensas

Trabalhando com listas suspensas em JavaScript

O atributo value em listas suspensas em JavaScript

Alterando o item selecionado de uma lista em JavaScript

Número da opção selecionada em uma lista suspensa

Obtendo itens de uma lista suspensa em JavaScript

Matriz de itens de uma lista suspensa em JavaScript

Trabalhando com itens de listas suspensas em JavaScript

Selecionando um item de lista em JavaScript

Obtendo a opção selecionada em JavaScript

Objeto Event

Fundamentos do trabalho com o objeto Event em JavaScript

Coordenadas de evento em JavaScript

Tipo de evento no objeto Event em JavaScript

Elemento de evento no objeto Event em JavaScript

Obtendo teclas pressionadas em JavaScript

Rastreamento de Teclas Modificadoras em JavaScript

Prevenção de Ação Padrão em JavaScript

Propagação de Eventos em JavaScript

Obtendo o elemento alvo durante a propagação de eventos

Interrompendo a propagação de eventos em JavaScript

Múltiplos manipuladores de eventos em um elemento em JavaScript

Interrupção Imediata da Propagação em JavaScript

Aplicação do cancelamento de propagação de eventos em JavaScript

Propagação de Eventos em JavaScript

Anexando manipuladores a novos elementos em JavaScript

Delegação de Eventos em JavaScript

Delegação Universal de Eventos em JavaScript

Contexto

Fundamentos do Trabalho com Contexto em JavaScript

Contexto de função não vinculada em JavaScript

Perda de contexto em JavaScript

Solucionando o Problema de Contexto em JavaScript

Contexto via variável em JavaScript

Contexto via parâmetro em JavaScript

Contexto através de função de seta em JavaScript

Vinculando contexto através do método call em JavaScript

Método call com parâmetros em JavaScript

Vinculando contexto através do método apply em JavaScript

Vinculando contexto através do método bind em JavaScript

Temporizadores

Fundamentos do trabalho com a função setInterval em JavaScript

Contador usando a função setInterval em JavaScript

Parando um Timer JavaScript

Botão para iniciar temporizador em JavaScript

Cliques múltiplos em um botão para iniciar um timer em JavaScript

Botões para iniciar e parar um temporizador em JavaScript

Prática com temporizadores e manipulação do DOM em JavaScript

Timers e perda de contexto em JavaScript

Prática com Timers e Trabalho com DOM em JavaScript

Atraso antes da execução em JavaScript

Iniciando um temporizador em JavaScript

Manipulação de Elementos

Criação e Inserção de Elementos em JavaScript

Vinculando eventos ao inserir elementos

Criação de elementos em loop em JavaScript

Anexando manipuladores em loop em JavaScript

Remoção de elementos em JavaScript

Inserindo elementos no início ou no final em JavaScript

Inserção de elementos antes de elementos em JavaScript

Inserção Adjacente de Elementos em JavaScript

Inserção Adjacente de Tags em JavaScript

Clonagem de elementos em JavaScript

Verificação de elementos em JavaScript

Prática

Criação de elementos a partir de um array em JavaScript

Prática na criação de listas ul em JavaScript

Criando Tabelas HTML em JavaScript

Preenchimento Sequencial de Tabelas HTML

Criando uma tabela HTML a partir de um array em JavaScript

Criação de tabela HTML a partir de um array de objetos

Adicionando linhas e colunas a uma tabela HTML

Modificando células de tabelas HTML com JavaScript

Autodeleção de novos elementos em JavaScript

Link para remover elemento em JavaScript

Criando links para remover elementos em JavaScript

Edição de um elemento individual em JavaScript

Ocultando texto ao editar um elemento em JavaScript

Edição em grupo de elementos em JavaScript

Edição e exclusão simultânea de elementos

Estilização de elementos em JavaScript

Botões para ocultar e exibir elementos em JavaScript

Muitos elementos com botões de exibição em JavaScript

Ativação de elementos em JavaScript

Alternância de Estilos de Ativação em JavaScript

Prática na alteração de elementos em JavaScript

Funções e DOM

Funções para trabalhar com elementos DOM em JavaScript

Funções para trabalhar com um grupo de elementos DOM

Passando um callback para trabalhar com DOM em JavaScript

Passando o número de ordem no callback em JavaScript

Passando elemento DOM como parâmetro

Passando um grupo de elementos DOM como parâmetros

Função para criar tabelas HTML em JavaScript

Retornando uma tabela de uma função em JavaScript

Função para criar tabela a partir de um array

Módulos via Closures

Conflitos de Variáveis em JavaScript

Módulos via Closures em JavaScript

Aplicação Prática

Passagem de parâmetros para um módulo através de closures em JavaScript

Passando o elemento pai para um módulo via closures em JavaScript

Passando configurações de módulo através de closures em JavaScript

Parâmetros Padrão

Exportando variáveis e funções em módulos através de closures em JavaScript

Exportação de objeto em módulos através de closures em JavaScript

Bibliotecas via Closures em JavaScript