Logo SuperHumano AI
Iniciar Transformação

Contactos

hello@superhumano.ai

Redes Sociais

Publique uma aplicação sua sem saber programar.

  • Duração4 a 16h, conforme os objetivos
  • FormatoPresencial, online ou híbrido
  • InvestimentoProposta após diagnóstico

Da ideia à aplicação publicada

Esta formação percorre o caminho completo do vibe coding: perceber a tecnologia por trás, construir a primeira página, prototipar uma aplicação, integrar IA e publicar o resultado.

Porque é que isto mudou

Até há pouco, transformar uma ideia em software exigia uma equipa. Com ferramentas de IA e prompts claros, quem conhece o problema passou a conseguir construir e testar a solução — e testar cedo é o que evita construir a coisa errada.

Para quem é esta formação
  • Profissionais e entusiastas sem experiência prévia em programação que pretendam criar protótipos digitais com recurso a IA
  • Empreendedores e criadores de produto que queiram validar ideias através de protótipos funcionais rápidos
  • Profissionais de marketing, design, gestão de produto ou áreas afins que pretendam compreender e aplicar o conceito de vibe coding
  • Estudantes e profissionais em requalificação digital interessados em ferramentas de IA para desenvolvimento web
O que a equipa fica capaz de fazer

No final da formação, os participantes conseguem:

  • Compreender o conceito de vibe coding e o novo paradigma de criação de produtos digitais assistida por IA
  • Conhecer os fundamentos da tecnologia web (HTML, CSS, JavaScript) e o papel das APIs na ligação a dados e serviços externos
  • Criar uma primeira página web do zero, sem necessidade de instalação de software
  • Utilizar ferramentas de IA (como o Claude AI e o Trae AI) para gerar aplicações web funcionais a partir de prompts
  • Construir e testar uma aplicação com integração de inteligência artificial (chatbot com API da OpenAI)
  • Publicar projetos online através do Netlify
  • Aplicar boas práticas de prompting para iterar e melhorar protótipos gerados por IA
Programa

6 módulos, maioritariamente hands-on. Vai de uma sessão intensiva de 4 horas a um percurso de 16 horas com laboratório prático de IA.

  • O que é o vibe coding: uma mudança de paradigma na criação de produtos digitais
  • Inteligência Artificial + Ferramentas + Prompts + Clareza + Criatividade
  • Exemplos práticos de projetos criados com vibe coding: quiz interativo, jogo educativo e plataforma demonstrativa com múltiplos webapps
  • Análise de casos reais publicados (Claude Artifacts e Netlify)

  • Linguagens fundamentais da web: HTML (estrutura e conteúdo), CSS (estilo visual) e JavaScript (comportamento dinâmico e interatividade)
  • Ligação a dados: o conceito de API e o seu papel na comunicação entre programas e serviços externos (IA, pagamentos, mapas, autenticação, entre outros)
  • Ferramentas de código e deploy: Claude AI para criação de aplicações web e dashboards diretamente no browser, Trae AI como IDE para desenvolvimento de aplicações, websites e software, e Netlify como servidor de publicação de projetos online

  • Criação de uma página web do zero, apenas com um editor de texto e um browser
  • Estruturação do conteúdo com HTML
  • Definição de cores e estilo com CSS
  • Adição de interatividade com JavaScript (exemplo prático com botão)
  • Exercício guiado: criação de um ficheiro .html funcional, sem instalação de programas

  • Construção de prompts eficazes para geração de aplicações web completas num único ficheiro
  • Caso prático: geração de um webapp gerador de paletas de cores (color picker, cores harmoniosas, código HEX, botão de cópia, animações)
  • Boas práticas ao usar o Claude AI: pedir explicitamente a criação de artefactos em vez de código inline
  • Iteração e refinamento do protótipo através de prompts de melhoria (novas funcionalidades, novos formatos de cor, histórico de resultados)

  • Construção de um chatbot funcional com integração da API da OpenAI (GPT-4o-mini)
  • Estrutura de um projeto para publicação no Netlify: interface (index.html), função serverless em Node.js (netlify/functions) e ficheiro de configuração (netlify.toml)
  • Boas práticas de segurança: leitura da chave de API através de variáveis de ambiente
  • Organização de ficheiros e publicação via Netlify Drop
  • Teste e demonstração de um chatbot publicado online

  • Melhoria da aplicação criada durante a sessão, ou criação de um novo projeto a partir de uma ideia própria
  • Publicação do protótipo final no Netlify
  • Partilha do projeto e das aprendizagens com o grupo
  • Reflexão sobre os próximos passos de aprendizagem em vibe coding
Como decorre

O workshop combina demonstrações práticas em tempo real, exercícios aplicados e criação guiada de protótipos funcionais, com recurso direto às ferramentas de IA abordadas. A metodologia assenta na aprendizagem "mão na massa" (learning by doing): cada conceito é imediatamente testado e aplicado pelos participantes, culminando num desafio final de criação e publicação de um projeto próprio. Promove-se ainda a discussão crítica sobre boas práticas de prompting, limitações das ferramentas e cuidados a ter na publicação de aplicações online (nomeadamente na gestão de chaves de API).

Ferramentas usadas
  • HTML
  • CSS
  • JavaScript
  • Claude AI (geração de aplicações web
  • artefactos)
  • Trae AI (IDE de desenvolvimento assistido por IA)
  • Netlify (publicação
  • funções serverless)
  • API da OpenAI (GPT-4o-mini)
O que fica no fim
  • Compreensão clara do conceito e do potencial do vibe coding na criação de produtos digitais
  • Capacidade de criar uma página web funcional do zero
  • Capacidade de gerar, testar e iterar aplicações web através de prompts com ferramentas de IA
  • Competência para integrar uma API de IA numa aplicação simples
  • Publicação de, pelo menos, um protótipo funcional online, criado durante o workshop

Pré-requisitos

Não é exigido conhecimento técnico prévio.

Formato

Presencial, online ou híbrido, adaptado à realidade e aos processos da sua equipa.

Perguntas Frequentes

Não. É esse o ponto de partida da formação.

Sim. O programa termina com um desafio final e a publicação do que foi construído.

Não. Serve para prototipar, validar ideias e resolver necessidades internas — não para software crítico.

HTML, CSS e JavaScript como base, com Claude e ambientes de desenvolvimento assistidos por IA.

Outros pontos de partida para a equipa

Criar Programas e Agentes Autónomos

Claude Code no terminal para criar páginas, aplicações e agentes que executam tarefas sozinhos, com fluxos e tarefas agendadas.

Agentes de IA

Construa agentes que interpretam pedidos e executam tarefas, em vez de automações rígidas que partem à primeira exceção.

Claude AI, Code e Cowork

O ecossistema Claude em três frentes: assistente no trabalho diário, apoio ao desenvolvimento e colaboração sobre ficheiros e aplicações.

Ver todos os percursos formativos

Onde perde mais tempo a sua equipa comercial?

Peça uma proposta de formação para a sua equipa comercial.

Pedir Proposta