Fundamentos de Desenvolvimento Web | HTML | CSS | JavaScript

Primeiros passos no desenvolvimento:

• Ação de imprimir console.log

• Definindo uma variável do tipo var

• Combinar variáveis com console.log

Operações matemáticas básicas:

• Definindo variáveis numéricas

• Operações aritméticas - adição, subtração, multiplicação e divisão

• Usando o console.log com operações aritméticas

Strings:

• O que é uma string

• Definindo variáveis string

• Entendendo a indexação de strings

• Usando o operador de colchetes []

Condições e variáveis Booleanas:

• Entendendo a condição if

• Operação de maior que

• Operação de menor que

• Operação de igualdade

• Operação de desigualdade (não igual)

• Operação de maior ou igual

• Operação de menor ou igual

• Usando condições simples

Condições avançadas:

• Condições avançadas e operadores lógicos (&& e ||)

• Usando if e else

• Usando condições complexas com else if

Operação de módulo:

• Usando a operação de módulo (%) para calcular o resto

• Usando um método para calcular o número de dígitos em um número

• Usando parseInt para arredondar o resultado de um número

Laços while:

• Como escrever um laço while

• Entendendo o conceito de índice e seus usos

Laços for:

• Definindo um laço for e seus usos

• Entendendo a inicialização do laço, incremento e término

Tópicos avançados de módulo:

• Usando módulo para tarefas mais complexas

• Como calcular a soma dos dígitos dos números

Arrays:

• Definindo um array

• Entendendo o conceito de índice em um array e seu uso

• Iterando sobre arrays com laços

Objects:

• Definindo um objeto vazio

• Inicializando chaves em um objeto

• Acessando chaves usando o operador ponto

• Acessando chaves dinamicamente

Tópicos avançados de Objects:

• Array de objects

• Usando um laço para iterar sobre um array de objects

• Método Object.keys

• Método Object.values

• Método JSON.stringify

• Método JSON.parse

Funções Parte A:

• Definindo funções

• Definindo argumentos para uma função

• Valores de retorno de uma função

• Escrevendo funções mais complexas

Funções Parte B:

• Chamando múltiplas funções

• Invocando uma função dentro de outra função.

• Encadeando funções

Laços For Aninhados:

• Definindo laços for aninhados

• Uso adequado de índices

• Exemplos complexos com arrays

Construindo um elemento usando código:

• Combinando os reinos de HTML, CSS e JavaScript juntos

• Entendendo o DOM (Modelo de Objeto de Documento)

• Criando um elemento HTML simples usando código

• Usando innerText e classList

• Usando a função appendChild

Construindo uma lista usando um laço:

• Criando um elemento ul dinâmico

• Criando elementos li dinâmicos

• Usando funções para criação dinâmica

Recuperando elementos da página:

• Entendendo a função getElementById para recuperação

• Entendendo a função getElementsByClassName para recuperação

• Entendendo a função getElementsByTagName para recuperação

• Entendendo a função querySelectorAll para recuperação

• Entendendo a função querySelector para recuperação

• Entendendo a função createElement para criação

Construindo uma tabela dinâmica:

• Criando um elemento de tabela dinamicamente

• Usando arrays e funções para construir a tabela

Eventos Parte A:

• Vinculando um evento de clique a um botão

• Usando addEventListener

• Inserindo conteúdo dinamicamente na página após um evento com o usuário

Eventos Parte B:

• Uso de inputs e eventos

• Integração de elementos dinâmicos

• Exemplos mais complexos

Funções de callback:

• O que é uma função de callback

• Quando usá-la

• Como passar argumentos

• Como verificar a corretude do código

Timers:

• Entendendo a função setTimeout

• Entendendo a função setInterval

• Entendendo a natureza assíncrona na linguagem

Comunicação com o servidor Parte A:

• Entendendo o objeto xmlHttpRequest

• Criando comunicação com um servidor real para buscar dados

• Construindo elementos dinâmicos na página

Comunicação com o servidor Parte B:

• Usando eventos e comunicação

• Criando um fluxo complexo para uma página dinâmica que interage com o servidor

• Entendendo o comportamento assíncrono em JavaScript

Usando Promises:

• Entendendo o objeto Promise

• Usando then e catch

• Criando comunicação usando Promises

• Criando um fluxo complexo usando Promises

Palavras de encerramento