Curso de Programação em JavaScript

Curso online gratuito · Básico · 9 aulas

Aprenda JavaScript desde variáveis e funções até o DOM, eventos, código assíncrono e APIs do navegador, e organize o código com módulos e ferramentas modernas. Depois do curso, você cria recursos interativos de front-end sem framework.

Por Studeli

Comece pela aula 1

Este curso de JavaScript é para você?

Para quem é

Comece aqui se você já cria páginas com HTML e CSS e quer torná-las interativas, mesmo que nunca tenha programado.

O que você precisa saber antes

O que você vai aprender em 9 aulas

Cada aula inclui as nove ferramentas de estudo

  • Guia de Estudo
  • Resumo
  • Lições Interativas
  • Questões de Prática
  • Flashcards
  • Explicar
  • Termos-Chave
  • Folha de Revisão
  • Mapa Conceitual
  1. Escreva JavaScript com variáveis, tipos de dados, operadores e condições e execute e depure o código no console do navegador.

    6 objetivos de aprendizagem
    1. 1.Executar JavaScript em uma página web
    2. 2.Armazenar valores em variáveis com let e const
    3. 3.Trabalhar com números, cadeias de caracteres e booleanos
    4. 4.Converter entre tipos e prever a coerção de tipos
    5. 5.Tomar decisões com comparações e condições
    6. 6.Encontrar e corrigir erros com o console e o depurador
  2. Repita tarefas com laços e processe listas de dados com métodos de vetores como map, filter, find e reduce.

    5 objetivos de aprendizagem
    1. 1.Repetir código com laços
    2. 2.Armazenar e alterar listas de dados em vetores
    3. 3.Percorrer vetores com laços
    4. 4.Processar vetores com métodos que recebem funções de retorno
    5. 5.Ordenar, copiar e combinar vetores
  3. Escreva declarações de função e funções de seta, explique escopo e fechamentos e passe funções para outras funções.

    5 objetivos de aprendizagem
    1. 1.Definir e chamar funções de três formas
    2. 2.Passar valores para funções e obter resultados
    3. 3.Explicar onde uma variável pode ser usada
    4. 4.Usar fechamentos para dar memória própria às funções
    5. 5.Passar funções para outras funções
  4. Modele dados com objetos, use desestruturação e espalhamento, explique a palavra-chave this e converta dados para JSON e de JSON.

    5 objetivos de aprendizagem
    1. 1.Modelar dados com objetos
    2. 2.Dar comportamento aos objetos com métodos e this
    3. 3.Extrair e combinar dados com desestruturação, espalhamento e rest
    4. 4.Armazenar coleções com Map e Set
    5. 5.Converter dados para JSON e de JSON
  5. Selecione, altere, crie e remova elementos da página com a API do DOM para que a página se atualize sem recarregar.

    6 objetivos de aprendizagem
    1. 1.Compreender como uma página web se transforma em uma árvore DOM
    2. 2.Selecionar os elementos com os quais você quer trabalhar
    3. 3.Alterar o texto e os atributos dos elementos
    4. 4.Alterar a aparência dos elementos
    5. 5.Criar, inserir e remover elementos
    6. 6.Renderizar listas e tabelas a partir de dados
  6. Responda a cliques, teclas pressionadas e entradas de formulário com ouvintes de eventos e valide formulários antes do envio.

    5 objetivos de aprendizagem
    1. 1.Responder a eventos com ouvintes de eventos
    2. 2.Acompanhar a propagação dos eventos pela página
    3. 3.Tratar entradas de teclado e ponteiro
    4. 4.Tratar formulários e validar as entradas antes do envio
    5. 5.Construir controles personalizados que todos possam usar
  7. Explique o laço de eventos e escreva código assíncrono com funções de retorno, promessas e funções assíncronas, incluindo o tratamento de erros.

    6 objetivos de aprendizagem
    1. 1.Explicar como JavaScript executa código assíncrono
    2. 2.Escrever e gerenciar código baseado em funções de retorno
    3. 3.Criar e usar promessas
    4. 4.Escrever código assíncrono com async e await
    5. 5.Tratar erros em código assíncrono
    6. 6.Executar tarefas assíncronas em paralelo
  8. Carregue e envie dados com fetch e APIs em JSON, exiba os resultados em uma página web e armazene pequenas quantidades de dados no navegador.

    5 objetivos de aprendizagem
    1. 1.Solicitar e enviar dados com fetch
    2. 2.Exibir dados de APIs em uma página
    3. 3.Trabalhar com APIs de outras origens com segurança
    4. 4.Armazenar dados no navegador
    5. 5.Usar recursos do dispositivo por meio de APIs do navegador
  9. Organize código com módulos ES e classes, gerencie pacotes com npm e use ferramentas de desenvolvimento para verificar, testar e gerar a versão de distribuição do código.

    5 objetivos de aprendizagem
    1. 1.Modelar objetos com classes e protótipos
    2. 2.Organizar código em módulos ES
    3. 3.Gerenciar um projeto e seus pacotes com npm
    4. 4.Verificar, testar e gerar a versão de distribuição do código com ferramentas de desenvolvimento
    5. 5.Situar TypeScript e frameworks no conjunto de ferramentas JavaScript

O que estudar depois

Mais cursos de Programação
Introdução à programação com Python (Básico)

Comece aqui se você nunca programou, ou já tentou uma vez e quer um primeiro curso estruturado em uma linguagem de uso geral.

Crie seus próprios Materiais de Estudo

Transforme suas anotações, slides e documentos em Guias de Estudo, Questões de Prática, Flashcards e mais 6 ferramentas.

Começar