Antes de qualquer conceito ou instalação, quero te mostrar o que está te esperando neste curso. Você vai construir dois projetos: um simples pra colocar o pé na água e um brabo pra explorarmos o potencial de código pra fazer design.
O projeto de treino: lista de tarefas
A ideia é simples, mas já com ela vamos aprender toda a base dos protótipos funcionais: configurar o ambiente com IA, como iniciar um protótipo, ações de criar e excluir itens, salvar dados… Os dois primeiros módulos têm 80% das melhores práticas pra criar experiências funcionais incríveis. Depois só vamos colocar uns Power Ups nelas 🍄
Se liga no protótipo
O mega protótipo: Watchlist
A partir do módulo 4 a conversa fica séria. Depois de ter as bases na cabeça vamos explorar um projeto de design mais robusto, com interações complexas para exercitar como realmente é usar código no processo de design.
O projeto core do curso será uma Watchlist: um app pra gerenciar filmes e séries que você quer ver, com dados reais dos filmes, banco de dados para salvar nossas interações, feature de IA para gerar recomendação, deploy pra qualquer pessoa acessar e mais umas paradas iradas que vou deixar pra você descobrir na hora certa.
Se liga no projeto core do curso
O mapa da jornada
Cada módulo entrega uma capacidade nova. Você começa já colocando o pé na água e termina com um app completo no seu portfólio.
M1 · Fundamentos & ambiente você está aqui
Entender o que é um protótipo funcional e montar o ambiente com o agente.
M2 · Ações e recursos básicos
Construir o projeto de treino com CRUD completo: adicionar, editar, excluir, buscar.
M3 · Começando pela UI
A virada: aprender a começar pelo visual e montar a base de componentes do mega protótipo.
M4 · O mega protótipo: a watchlist
Nasce o projeto de portfólio. Cards, pôsteres, UI que parece produto de verdade.
M5–M9 · Dados, APIs, IA e mundo real
A watchlist cresce: banco de dados, API do TMDB, feature de IA, deploy e QR Code pra testar com usuário real.
O que você ganhou aqui: uma visão clara do que vai construir, em que ordem e por quê. O simples vem primeiro pra liberar sua atenção pro que importa. O brabo vem depois, porque você já vai saber nadar.
Próxima aula: Do que é feito um protótipo funcional. As três camadas que explicam como qualquer coisa na web responde.