Carregando

do primeiro conceito à prática com confiança

JavaScript

Faça programas responderem, um passo claro de cada vez.

Começar a aprender 16 aulas · primeira aula com cerca de 10 min · grátis · sem cadastro
Sobre esta trilha

JavaScript é a linguagem que faz as páginas da web responderem, e também move servidores e ferramentas. Comece por valores, tipos e depuração; pratique decisões, laços, funções e coleções; depois dê vida ao HTML e ao CSS com o DOM, eventos e formulários. Acompanhe requisições assíncronas de um navegador até um servidor Node.js. Preveja resultados, use laboratórios visuais e resolva exercícios de programação num executor isolado no navegador. Os exemplos exclusivos do Node incluem passos locais, porque o executor do navegador não consegue acessar os seus arquivos nem iniciar um servidor.

Antes de começar
  • Não é preciso ter experiência com programação - comece do zero.
  • Um navegador moderno.
  • Curiosidade sobre como funcionam os sites interativos.
  1. Unidade 1 · 0/4 aulas

    Primeiros passos

    Rode código, dê nomes a valores, entenda os tipos e depure programas de texto. Medalha: Primeiro script

    1. 0x001O seu primeiro programa em JavaScriptUse console.log para fazer um programa dizer algo. 10 min 0/1 exercícios resolvidos 10 min 0/1 exercícios resolvidos
    2. 0x102Valores e variáveisDê nomes aos dados com const e let, e trabalhe com os tipos de valor básicos do JavaScript. 12 min 0/1 exercícios resolvidos 12 min 0/1 exercícios resolvidos
    3. 0x203Tipos, operadores e conversões traiçoeirasPreveja o que uma expressão produz antes de usá-la num programa de verdade. 18 min 0/1 exercícios resolvidos 18 min 0/1 exercícios resolvidos
    4. 0x304Strings, erros e depuraçãoTransforme texto e use o console para encontrar uma suposição errada. 17 min 0/1 exercícios resolvidos 17 min 0/1 exercícios resolvidos
  2. Unidade 2 · 0/2 aulas

    Decisões e repetição

    Escolha um caminho e repita trabalho com laços. Medalha: Controle de fluxo

    1. 0x405Tome decisões com condiçõesUse comparações e if/else para escolher o que o seu programa faz. 12 min 0/1 exercícios resolvidos 12 min 0/1 exercícios resolvidos
    2. 0x506Repita trabalho com laçosUse laços for e while para repetir instruções sem copiar código. 12 min 0/1 exercícios resolvidos 12 min 0/1 exercícios resolvidos
  3. Unidade 3 · 0/3 aulas

    Funções e dados

    Construa comportamentos reutilizáveis, organize valores e transforme listas. Medalha: Domador de dados

    1. 0x607Escreva funções reutilizáveisEmpacote instruções em funções com nome que recebem entradas e devolvem resultados. 12 min 0/1 exercícios resolvidos 12 min 0/1 exercícios resolvidos
    2. 0x708Agrupe dados com arrays e objetosGuarde listas ordenadas em arrays e descreva coisas com propriedades de objetos. 14 min 0/1 exercícios resolvidos 14 min 0/1 exercícios resolvidos
    3. 0x809Transforme listas em resultados úteisUse map, filter e find em catálogos, painéis e resultados de busca. 19 min 0/1 exercícios resolvidos 19 min 0/1 exercícios resolvidos
  4. Unidade 4 · 0/3 aulas

    JavaScript no navegador

    Conecte HTML, CSS e JavaScript; trate eventos e construa formulários que ajudam. Medalha: Construtor de páginas

    1. 0x9010Como HTML, CSS e JavaScript trabalham juntosMonte uma pequena página com estrutura, estilo e comportamento. 20 min 0/1 exercícios resolvidos 20 min 0/1 exercícios resolvidos
    2. 0xA011Encontre elementos e responda a eventosUse os métodos do DOM para atualizar uma página quando alguém age. 21 min 0/1 exercícios resolvidos 21 min 0/1 exercícios resolvidos
    3. 0xB012Formulários que ajudam as pessoas a conseguirLeia a entrada de um formulário, valide-a e informe erros de forma acessível. 19 min 0/1 exercícios resolvidos 19 min 0/1 exercícios resolvidos
  5. Unidade 5 · 0/3 aulas

    Do navegador ao servidor

    Busque dados de forma assíncrona, conheça o Node.js e construa uma rota HTTP. Medalha: Explorador full stack

    1. 0xC013Esperando dados: promises e fetchTrate resultados que demoram e diferencie uma falha de rede de um erro HTTP. 21 min 0/1 exercícios resolvidos 21 min 0/1 exercícios resolvidos
    2. 0xD014JavaScript fora do navegador: Node.jsEntenda o que um runtime de servidor faz e quais APIs pertencem a ele. 20 min 0/1 exercícios resolvidos 20 min 0/1 exercícios resolvidos
    3. 0xE015Um primeiro servidor HTTP com Node.jsAcompanhe uma requisição de uma página até um servidor Node e de volta. 24 min 0/1 exercícios resolvidos 24 min 0/1 exercícios resolvidos
  6. Unidade 6 · 0/1 aulas

    Construa uma página útil

    Junte HTML, CSS, JavaScript do navegador e o resultado de uma API. Medalha: Construtor de quadro de eventos

    1. 0xF016Projeto final: um quadro de disponibilidade de eventosConecte dados, uma requisição assíncrona, atualizações do DOM e um feedback acessível. 27 min 0/1 exercícios resolvidos 27 min 0/1 exercícios resolvidos