04. Como postar um recado?
Tempo: uns 60 minutos.
O desafio
O mural de recados já aparece no navegador, mas está vazio, e só dá para criar recados pelo console. Quem abre o app não tem como deixar o seu recado.
O desafio agora é deixar qualquer pessoa postar um recado pelo próprio navegador: escrever o nome, a mensagem e clicar num botão.
Pense antes de programar
Reserve uns 5 minutos. Não existe resposta errada.
- Volte aos desenhos das telas que você fez em Planejando o app. Onde fica o formulário para postar? Como a pessoa chega até ele?
- Que campos o formulário precisa ter? Cada um é um texto curto ou um texto longo?
- O que acontece na tela depois que a pessoa clica no botão para postar?
- Qual é o mínimo que o formulário precisa ter para já ser útil? O que pode ficar para depois?
Compare com o nosso plano
Abrir o nosso plano
No fim deste capítulo, quem abrir o app vai ver isto:
- Onde fica: o formulário fica numa página só para ele, a Novo recado. Na página principal, um link Novo recado, em cima dos recados, leva até lá.
- Os campos: Seu nome (um texto curto, para a autora) e Recado (um texto longo, para a mensagem), e o botão Postar recado.
- Depois de postar: o app volta para o mural de recados, com o recado novo em primeiro lugar.
- O mínimo: o link, os dois campos, o botão e um link para voltar. A aparência ainda é a mais simples possível, e um recado vazio ainda é aceito: isso vem nos próximos capítulos.
Mão na massa
Agora é com você: siga os passos em Mão na massa. Quando terminar, siga para O que aconteceu?.
O que aconteceu?
Terminou os passos? Em O que aconteceu? você entende cada passo, quebra o app de propósito, vê se precisa de IA e responde um quiz.