ANÚNCIO

Curso Básico de Codex – Aula 2 – Criando um app completo sem programar

Aprenda a criar um app completo de agendamento no Codex sem escrever código, do primeiro prompt ao teste final com calendário, formulário e responsividade.

⏱ 25min 👁 10.738 visualizações 📅 outubro 14, 2026

Resumo

O que é possível construir no Codex

A segunda aula do Curso Básico de Codex da Hashtag Programação demonstra, na prática, que a barreira para criar aplicações funcionais caiu drasticamente com as ferramentas de inteligência artificial generativa. O foco não é apenas apresentar conceitos, mas guiar o espectador por um fluxo completo de desenvolvimento assistido por IA, partindo de um prompt inicial até um aplicativo web operacional. O Codex, modelo da OpenAI orientado a tarefas de programação, atua como um desenvolvedor virtual que interpreta instruções em linguagem natural e as converte em código, interface e lógica de negócio. A aula estabelece desde o início que páginas institucionais, aplicativos interativos e até e-commerces podem ser concebidos sem que o usuário escreva uma única linha de código, desde que saiba estruturar o pedido de forma clara e iterativa.

A proposta pedagógica da aula é acompanhar a construção de um sistema de agendamento para um petshop fictício chamado Patinhas & Companhia. Esse contexto realista permite explorar recursos que vão além de um simples protótipo: há calendário para seleção de datas, grade de horários, formulário de cadastro do tutor, bloqueio de horários já ocupados, confirmação visual do agendamento e uma área para consulta dos agendamentos futuros. Tudo isso é construído em etapas, com prompts progressivos que adicionam camadas de funcionalidade e refinamento.

Estrutura de um aplicativo em três camadas

Antes de iniciar a construção, a aula apresenta um modelo mental essencial para quem deseja criar aplicativos com IA: a separação entre tela, regras de negócio e armazenamento de dados. Essa tríade ajuda o usuário a formular prompts mais precisos, pois cada camada exige instruções específicas. A tela corresponde à interface visual, incluindo layout, cores, botões, formulários e elementos de navegação. As regras de negócio definem o comportamento do sistema, como impedir que dois agendamentos ocupem o mesmo horário ou calcular o valor total dos serviços. O armazenamento de dados é responsável por guardar as informações de agendamentos, tutores e pets de forma persistente, para que o app não perca os registros a cada atualização.

Essa organização conceitual é o que diferencia um prompt vago — como "crie um app de agendamento" — de um prompt estruturado, que específica as funcionalidades esperadas em cada camada. A aula reforça que a qualidade do resultado gerado pelo Codex está diretamente ligada à clareza com que o usuário descreve o problema. Ao longo da demonstração, o instrutor mostra como decompor um objetivo amplo em pequenas entregas testáveis, uma habilidade que se transfere para qualquer ferramenta de geração de código.

A sequência de prompts como método

O coração da aula está no processo iterativo de seis prompts, cada um com um papel específico na evolução do aplicativo. O primeiro prompt solicita a criação da base do app: um sistema de agendamento para o petshop com calendário funcional e seleção de horários. O resultado inicial já impressiona pela velocidade, mas a aula não ésconde que a primeira versão é apenas o ponto de partida. O segundo prompt adiciona funcionalidades reais, como o formulário do tutor com nome e telefone, o bloqueio de horários ocupados e a confirmação visual do agendamento concluído. É nesse momento que o instrutor demonstra uma habilidade crítica: a leitura atenta do código gerado para identificar o que a IA deixou de aplicar.

Em vez de aceitar o resultado superficial, a aula mostra como detectar lacunas entre o que foi pedido e o que foi implementado. O refinamento é feito com novos prompts, que corrigem as pendências de forma cirúrgica, sem reiniciar o projeto do zero. Essa abordagem de "inspecionar e corrigir" é o que separa usuários que conseguem apenas gerar protótipos de quem consegue entregar aplicações funcionais. O terceiro prompt melhora a identidade visual do app, elevando a experiência de um esqueleto funcional para uma interface com tema alegre e coerente com a proposta do petshop.

Funcionalidades avançadas e responsividade

O quarto prompt introduz uma funcionalidade essencial para qualquer sistema real de agendamento: a seção "Meus Agendamentos". Nela, o usuário pode consultar a lista de agendamentos futuros, visualizar o valor total dos serviços agendados e cancelar um compromisso caso necessário. Esse passo demonstra como o Codex consegue integrar lógica de negócio mais sofisticada — como soma de valores e atualização dinâmica da interface — sem que o usuário precise entender os detalhes de implementação. O teste realizado na sequência valida o funcionamento da lista e do cálculo do valor total, fechando o ciclo de desenvolvimento de uma funcionalidade completa.

O quinto prompt aborda a responsividade, tornando o aplicativo adaptável a celulares, tablets e desktops. Essa etapa é particularmente relevante porque uma parcela significativa dos usuários acessará o app pelo navegador do smartphone, e a aula ensina como simular a visualização mobile diretamente pelo modo de inspeção do navegador. O sexto e último prompt entrega a revisão e correção de bugs pela própria IA, demonstrando um fluxo de qualidade em que o Codex inspeciona o próprio código em busca de inconsistências. O teste final e a simulação de tela mobile concluem o ciclo, mostrando o aplicativo pronto para uso.

Para quem é esta aula

O conteúdo é direcionado a iniciantes em programação, empreendedores, analistas de negócio e qualquer pessoa que deseje criar soluções digitais sem dominar linguagens de programação. A Hashtag Programação, canal reconhecido pela didática acessível no ensino de tecnologia, conduz a aula em ritmo progressivo, com exemplos visuais e pausas para explicação das decisões tomadas. O material complementar disponibilizado na descrição permite que o espectador baixe os prompts utilizados e acompanhe a construção em paralelo, treinando a criação de suas próprias aplicações no Codex.

A aula não promete mágica: ela evidencia que a criação de apps com IA exige método, paciência e capacidade de iterar. O resultado, porém, é transformador: uma pessoa sem conhecimentos técnicos de desenvolvimento consegue, em poucos minutos, colocar no ar um aplicativo funcional com regras de negócio reais. Esse é o aprendizado central da segunda aula do curso: a programação assistida por IA democratiza o acesso à construção de software, mas exige do usuário uma nova alfabetização — a de saber conversar com a máquina por meio de prompts bem estruturados.

O método de refinamento progressivo

Um dos pontos altos da aula é a transparência com que o instrutor lida com os erros e as limitações do modelo. Quando o Codex deixa de aplicar parte das instruções, a reação não é de frustração, mas de análise: abre-se o código gerado, compara-se com o prompt enviado e formula-se um novo comando de refinamento. Esse ciclo de inspeção, correção e re-teste é repetido várias vezes ao longo da aula, criando no espectador o hábito de validar continuamente o resultado. A prática de não confiar cegamente na IA, mas de usá-la como um par de desenvolvimento que precisa de orientação, é talvez a lição mais valiosa da aula.

A sequência de prompts também ensina uma estratégia de gestão de contexto. Em vez de pedir tudo de uma vez, o usuário evolui o aplicativo em camadas, o que facilita a identificação de problemas e reduz o risco de a IA se perder em instruções longas e conflitantes. Essa abordagem incremental se mostra especialmente eficaz quando combinada com a leitura do código gerado, permitindo que até pessoas sem formação técnica consigam identificar discrepâncias óbvias entre o pedido e o resultado. O resultado final é um aplicativo coeso, testado e pronto para evoluir com novas funcionalidades.

Aplicações práticas e próximos passos

O exemplo do petshop Patinhas & Companhia é deliberadamente escolhido por ser de fácil compreensão e altamente generalizável. Negócios locais de diferentes segmentos — clínicas, salões, consultórios, studios — enfrentam o mesmo problema de agendamento manual e podem se beneficiar de soluções similares criadas com Codex. A aula abre espaço para que o espectador replique o processo em seus próprios contextos, adaptando os prompts para o cenário de seu interesse. O material disponibilizado para download é um facilitador importante nesse caminho, pois permite partir de uma base validada em vez de começar do zero.

Ao concluir a aula, o espectador tem em mãos não apenas um aplicativo funcional, mas um método replicável para construir outros projetos com assistência de IA. A sugestão de continuidade natural é explorar a criação de aplicações mais complexas, com autenticação de usuários, integração com bancos de dados externos ou geração de relatórios. O Curso Básico de Codex da Hashtag Programação segue essa trilha, aprofundando gradualmente os recursos da ferramenta e as possibilidades de aplicação no mercado.

O que você vai aprender

  • Entender a estrutura de três camadas de um aplicativo: tela, regras de negócio e dados
  • Aplicar prompts progressivos para construir um app de agendamento do zero no Codex
  • Identificar lacunas entre o prompt enviado e o código gerado pela IA
  • Refinar funcionalidades com prompts de correção sem reiniciar o projeto
  • Adicionar responsividade e adaptar o layout para celular, tablet e desktop
  • Testar o app no navegador e simular a visualização mobile pelo modo de inspeção

Conceitos abordados

Tecnologias utilizadas

Capítulos 18 marcações

  1. Introdução
  2. O que dá para construir no Codex
  3. Tela, regras e dados: a estrutura de um app
  4. Como funciona o processo de prompts por etapas
  5. Prompt 1: criando o app de agendamento do petshop
  6. Resultado do Prompt 1: calendário e seleção de horários
  7. Prompt 2: formulário do tutor e bloqueio de horários
  8. Analisando o que a IA não aplicou
  9. Corrigindo com novo prompt de refinamento
  10. Testando o agendamento completo no app
  11. Prompt 3: melhorando a identidade visual
  12. Resultado visual: tema alegre e responsivo
  13. Prompt 4: adicionando Meus Agendamentos e cancelamento
  14. Testando a lista de agendamentos e valor total
  15. Prompt 5: tornando o app responsivo
  16. Prompt 6: revisão e correção de bugs pela IA
  17. Teste final e simulação de tela mobile
  18. Conclusão

Próximo vídeo sugerido

Avaliações

Avaliação dos alunos 0.0
★★★★★ 0 avaliações
Avalie esta aula

Ajude outros alunos a entenderem se esta aula foi útil.

Ainda não há avaliações. Seja o primeiro a avaliar esta aula.