Curso online gratuitoJavaScript do Básico ao Avançado
Duração do curso online: 7 horas e 29 minutos
Novo
Curso online gratuito de JavaScript do básico ao avançado: fundamentos, DOM, eventos, arrays, promises, JSON e Ajax para front-end.
Neste curso gratuito, aprenda sobre
Fundamentos e Estrutura do Código
Tipos de Dados e Estruturas Básicas
Variáveis, Escopo e Boas Práticas
Trabalhando com Dados (Strings, Arrays, Objetos e Datas)
Operadores e Expressões
Controle de Fluxo e Tratamento de Erros
Laços de Repetição e Iteração
Funções e Padrões de Reutilização
Conversões, Manipulação de Strings e Formatação
Arrays Modernos e Desestruturação
Programação Funcional com Arrays (Filter, Map, Reduce)
DOM e Eventos no Navegador
Assincronismo com Promises
JSON na Prática
Requisições HTTP e AJAX
Descrição do curso
JavaScript do Básico ao Avançado é um curso online gratuito da área de Tecnologia, Informática e Programação, focado em Programação Front-End, criado para quem quer aprender JavaScript com base sólida e evoluir até conceitos usados no dia a dia de aplicações modernas.
Ao longo do aprendizado, você desenvolve domínio sobre a estrutura e organização do código, boas práticas de escrita e a compreensão dos principais tipos de dados, variáveis e escopos. Também aprofunda o uso de operadores, comparações e regras de coerção de tipos, ganhando segurança para interpretar e corrigir comportamentos comuns da linguagem.
O curso avança para controle de fluxo e repetição, funções e diferentes formas de declaração, além de trabalhar com manipulação de strings, números, datas, objetos e arrays. Você aprende a transformar e tratar dados com técnicas essenciais, incluindo conversões, formatações e métodos de manipulação.
Na parte prática voltada ao front-end, o conteúdo explora o DOM, seleção e criação de elementos, alteração de propriedades, eventos e interação com formulários, incluindo manipulação de estilos e classes. Por fim, você entra em fundamentos de assincronismo com Promises, além de trabalhar com JSON e requisições com Ajax, preparando o caminho para consumir e manipular dados em aplicações web.
Conteúdo do curso
Aula em vídeo: JavaScript - M1A1 - Estrutura padrão de um programa JavaScript03m
Exercício: Para executar um código JavaScript no navegador dentro de um arquivo HTML, onde o JavaScript deve ser escrito?
Aula em vídeo: JavaScript - M1A2 - Formatação e identação03m
Aula em vídeo: JavaScript - M1A3 - Comentários04m
Exercício: Em JavaScript, qual sintaxe cria um comentário de múltiplas linhas?
Aula em vídeo: JavaScript - M2A1 - Tipos de dados04m
Aula em vídeo: JavaScript - M2A2 - Strings03m
Exercício: Em JavaScript, qual é a forma correta de declarar uma string (texto)?
Aula em vídeo: JavaScript - M2A3 - Number03m
Aula em vídeo: JavaScript - M2A4 - Boolean02m
Exercício: Em JavaScript, qual é a característica principal do tipo boolean?
Aula em vídeo: JavaScript - M2A5 - Infinity01m
Aula em vídeo: JavaScript - M2A6 - NaN01m
Exercício: Em JavaScript, o que significa o valor NaN (Not a Number)?
Aula em vídeo: JavaScript - M2A7 - Null e Undefined02m
Aula em vídeo: JavaScript - M2A8 - Object03m
Exercício: Em JavaScript, como é formada a estrutura básica de um objeto literal?
Aula em vídeo: JavaScript - M2A9 - Array02m
Aula em vídeo: JavaScript - M2A10 - Date02m
Exercício: Ao criar uma data no JavaScript com ano, mês e dia (ex.: 2022, 3, 22), qual afirmação está correta sobre o mês?
Aula em vídeo: JavaScript - M3A1 - Variáveis03m
Aula em vídeo: JavaScript - M3A2 - var scoped06m
Exercício: Ao declarar uma variável com var no escopo global, o que acontece ao acessá-la e alterá-la dentro de um escopo local (entre chaves)?
Aula em vídeo: JavaScript - M3A3 - let scoped02m
Aula em vídeo: JavaScript - M3A4 - const scoped02m
Exercício: Qual afirmação descreve corretamente o comportamento de uma constante (const) em JavaScript?
Aula em vídeo: JavaScript - M3A5 - Nomes e regras04m
Aula em vídeo: JavaScript - M4A1 - Declaration assignment var e let02m
Exercício: Qual é a principal vantagem de fazer declaration assignment (declarar e já atribuir valor) em uma variável?
Aula em vídeo: JavaScript - M4A2 - Agrupamento de declarações03m
Aula em vídeo: JavaScript - M4A3 - Concatenação e interpolação06m
Exercício: Qual é a forma mais moderna de montar uma frase com variáveis em JavaScript, permitindo também expressões como soma dentro do texto?
Aula em vídeo: JavaScript - M4A4 - Object05m
Aula em vídeo: JavaScript - M4A5 - Array09m
Exercício: Em JavaScript, como obter a quantidade de elementos de um array?
Aula em vídeo: JavaScript - M4A6 - Date10m
Aula em vídeo: JavaScript - M5A1 - Aritméticos e precedência03m
Exercício: Como corrigir o cálculo de média para somar tudo antes de dividir em JavaScript?
Aula em vídeo: JavaScript - M5A2 - Atribuições05m
Aula em vídeo: JavaScript - M5A3 - Atribuições02m
Exercício: Qual alternativa usa corretamente o operador de atribuição com soma para adicionar 2 ao valor da variável?
Aula em vídeo: JavaScript - M5A4 - Comparação02m
Aula em vídeo: JavaScript - M5A5 - Comparação estrita02m
Exercício: Qual operador é recomendado para evitar problemas de conversão automática de tipos ao comparar valores em JavaScript?
Aula em vídeo: JavaScript - M5A6 - Falsy e Truthy03m
Aula em vídeo: JavaScript - M5A7 - Lógicos11m
Exercício: Em JavaScript, qual expressão retorna true ao usar o operador lógico || (OR)?
Aula em vídeo: JavaScript - M6A1 - Fluxo de um programa04m
Aula em vídeo: JavaScript - M6A2 - IF06m
Exercício: No JavaScript, qual é a principal diferença entre o operador == e o operador === em comparações dentro de um if?
Aula em vídeo: JavaScript - M6A3 - IF ELSE03m
Aula em vídeo: JavaScript - M6A4 - IF ELSE IF05m
Exercício: Em JavaScript, qual é a principal vantagem de usar uma estrutura if / else if / else em vez de vários if separados para testar faixas de valores?
Aula em vídeo: JavaScript - M6A5 - Ternário04m
Aula em vídeo: JavaScript - M6A6 - Switch03m
Exercício: No JavaScript, qual é a principal limitação do switch case em comparação ao if/else?
Aula em vídeo: JavaScript - M6A7 - Try catch09m
Aula em vídeo: JavaScript - M7A1 - While05m
Exercício: O que acontece se você usar while(true) sem alterar nenhuma condição dentro do bloco?
Aula em vídeo: JavaScript - M7A2 - For04m
Aula em vídeo: JavaScript - M7A3 - For in04m
Exercício: Em JavaScript, qual estrutura é mais indicada para percorrer um array quando você só precisa do valor de cada elemento (sem usar o índice)?
Aula em vídeo: JavaScript - M7A4 - For of01m
Aula em vídeo: JavaScript - M8A1 - Funções05m
Exercício: Em JavaScript, qual é a forma correta de declarar e chamar uma função para reutilizar um código, evitando copiar e colar?
Aula em vídeo: JavaScript - M8A2 - Retorno02m
Aula em vídeo: JavaScript - M8A3 - Objeto arguments04m
Exercício: Em JavaScript, qual recurso pode ser usado dentro de uma função para acessar todos os valores passados, mesmo sem declarar parâmetros?
Aula em vídeo: JavaScript - M8A4 - Valor vs Referência05m
Aula em vídeo: JavaScript - M8A5 - Function scoped02m
Exercício: Qual é a diferença ao chamar uma função antes da declaração, comparando declaração tradicional e função atribuída a uma variável?
Aula em vídeo: JavaScript - M8A6 - Arrow functions03m
Aula em vídeo: JavaScript - M8A7 - Callbacks05m
Exercício: Em JavaScript, qual é a principal vantagem de permitir que uma função que percorre um array receba outra função como parâmetro (callback)?
Aula em vídeo: JavaScript - M9A1 - Type casting e Type coercion03m
Aula em vídeo: JavaScript - M9A2 - Number ? String02m
Exercício: Em JavaScript, quais funções são usadas para converter string em número e número em string?
Aula em vídeo: JavaScript - M9A3 - Number e String ? Boolean02m
Aula em vídeo: JavaScript - M9A4 - String ? Date04m
Exercício: Ao converter uma string para Date no JavaScript, qual formato tende a ser aceito corretamente pelo construtor Date?
Aula em vídeo: JavaScript - M9A5 - String ? Array05m
Aula em vídeo: JavaScript - M9A6 - Casas decimais - formatação e arredondamento06m
Exercício: Em JavaScript, qual alternativa formata um número como moeda em pt-BR usando a API de internacionalização?
Aula em vídeo: JavaScript - M9A7 - Contando dígitos01m
Aula em vídeo: JavaScript - M9A8 - Separando e juntando strings02m
Exercício: Em JavaScript, qual combinação de métodos é usada para quebrar uma string e depois juntar as partes com outro separador?
Aula em vídeo: JavaScript - M9A9 - Maiúsculas e minúsculas02m
Aula em vídeo: JavaScript - M9A10 - Localizando strings02m
Exercício: Qual método de string em JavaScript é usado para verificar se um texto contém um trecho específico, retornando true ou false?
Aula em vídeo: JavaScript - M9A11 - Substituindo strings03m
Aula em vídeo: JavaScript - M9A12 - Convertendo JSON05m
Exercício: Qual método em JavaScript converte um objeto em uma string no formato JSON para facilitar o intercâmbio de dados?
Aula em vídeo: JavaScript - M10A1 - Métodos básicos de manipulação11m
Aula em vídeo: JavaScript - M10A2 - Concatenação03m
Exercício: Qual é a forma correta de unir dois arrays em um único array no JavaScript?
Aula em vídeo: JavaScript - M10A3 - Desestruturação03m
Aula em vídeo: JavaScript - M11A1 - Filter11m
Exercício: Em JavaScript, qual é o comportamento do método Array.prototype.filter() ao filtrar dados?
Aula em vídeo: JavaScript - M11A2 - Map06m
Aula em vídeo: JavaScript - M11A3 - Reduce16m
Exercício: No Array.prototype.reduce(), quais são os dois parâmetros obrigatórios da função callback?
Aula em vídeo: JavaScript - M12A1 - O que é o DOM06m
Aula em vídeo: JavaScript - M12A2 - Recuperando Elementos do DOM09m
Exercício: Qual método do DOM é usado para recuperar um elemento a partir de um ID (que deve ser único no HTML)?
Aula em vídeo: JavaScript - M12A3 - Recuperando Elementos do DOM da forma moderna09m
Aula em vídeo: JavaScript - M12A4 - Alterando dados de Elementos do DOM05m
Exercício: Qual propriedade é usada para alterar o conteúdo de texto/HTML dentro de um elemento recuperado do DOM?
Aula em vídeo: JavaScript - M12A5 - Criando Elementos dinâmicos no DOM08m
Aula em vídeo: JavaScript - M12A6 - Eventos do DOM04m
Exercício: Em JavaScript, qual é a principal vantagem de usar eventos com addEventListener em vez de fazer polling (looping infinito consultando periodicamente)?
Aula em vídeo: JavaScript - M12A7 - Evento de página carregada - DOMContentLoaded07m
Aula em vídeo: JavaScript - M12A8 - Evento de clique - click05m
Aula em vídeo: JavaScript - M12A9 - Evento de teclas - keydown e keyup09m
Aula em vídeo: JavaScript - M12A10 - Evento de formulário - onsubmit08m
Exercício: Ao tratar o evento submit de um formulário em JavaScript, qual método impede o envio padrão (por exemplo, para a URL definida em action) para permitir validação?
Aula em vídeo: JavaScript - M12A11 - Manipulando style CSS07m
Aula em vídeo: JavaScript - M12A12 - Manipulando class CSS06m
Exercício: Qual método de classList é mais indicado para alternar (ligar/desligar) uma classe CSS em um elemento ao clicar em um botão?
Aula em vídeo: JavaScript - M13A1 - Promises e processamento assíncrono18m
Aula em vídeo: JavaScript - M13A2 - Promise all06m
Exercício: Qual é o principal comportamento do Promise.all ao combinar múltiplas Promises?
Aula em vídeo: JavaScript - M14A1 - JSON04m
Aula em vídeo: JavaScript - M14A2 - Trabalhando com o JSON07m
Exercício: Qual função do JavaScript transforma um objeto em uma string no formato JSON?
Aula em vídeo: JavaScript - M15A1 - Ajax05m
Aula em vídeo: JavaScript - M15A2 - Trabalhando com o AJAX17m
Exercício: Em uma chamada Ajax usando XMLHttpRequest, qual é a forma correta de transformar o JSON recebido em um objeto JavaScript?
