Projetos com Explicação
Cada projeto é uma aula independente do curso, com uma tarefa pronta e uma explicação da lógica.
Fácil
Simulador de Conta Poupança
Calcule o crescimento de um depósito ano a ano segundo uma taxa de juros. Prática com números e
Math.round.Abrir aula →
Fácil
Resize Ball
Mude o tamanho de um elemento na página ao clicar. Seu primeiro contato com mudar estilos a partir do código.
Abrir aula →
Fácil
Conversor de Unidades
Converta metros em pés, quilos em libras e vice-versa. Prática com
switch.Abrir aula →
Fácil
Gerador de Tabuada
Construa uma tabuada de multiplicação a partir de um número inserido. Prática com o loop
for.Abrir aula →
Médio
Gerador de Cards de Produto
Crie cards de produto na página de forma dinâmica, em um loop. Mais próximo do layout real.
Abrir aula →
Médio
Gerador de Avaliação com Estrelas
Desenhe uma avaliação com estrelas a partir de um número de 1 a 5. Prática combinando loops e condicionais.
Abrir aula →
Médio
Gerador de Emojis
Gere um padrão de emojis conforme a entrada do usuário. Prática divertida com loops e strings.
Abrir aula →
Médio
Price Matrix
Construa uma tabela de preços com loops
for aninhados. Boa prática para pensar com aninhamento.Abrir aula →
Mais difícil
Mini Loja Online
Seu próprio sistema de descontos, cálculo de descontos e total. Já se parece com uma tarefa real.
Abrir aula →
Médio
Calculadora de Peso de Mochila
Calcule o peso total do equipamento a partir de uma lista de itens. Prática trabalhando com várias variáveis ao mesmo tempo.
Abrir aula →
Mais difícil
Calculadora de Tarifa de Táxi
Calcule o custo de uma corrida de táxi usando funções separadas. Prática de arquitetura de código com várias funções.
Abrir aula →
Mais difícil
Barra de Vida de Batalha
Uma barra de vida de personagem com botões de ataque, regeneração e temporização. Uma mecânica de jogo em JavaScript puro.
Abrir aula →
Mais Ideias Para Praticar Por Conta Própria
Sem solução pronta — uma ótima desculpa para praticar buscar na internet e resolver você mesmo.
Lista de TarefasUma lista onde você pode adicionar, marcar e remover tarefas.
Relógio em Tempo RealA hora atual na página, atualizando a cada segundo.
Gerador de Senhas AleatóriasUma senha de tamanho definido com letras, números e símbolos.
Calculadora de IdadeA partir de uma data de nascimento — quantos anos completos se passaram.
Quiz SimplesAlgumas perguntas de múltipla escolha com uma pontuação final.
Conversor de MoedasConverta um valor entre duas moedas segundo uma taxa dada.
O que vem depois
Quer seguir os projetos em ordem, com explicação?
O curso completo de JavaScript percorre todos esses projetos e dezenas de outros, passo a passo, com teoria antes de cada tarefa.