CURSO
Construindo sites estáticos de alto nível com IA
Transforme conceitos visuais em sites reais e funcionais em tempo recorde, utilizando IAs generativas para escrever, estruturar e publicar código estático.
Básico
2h 3min
4.9
2327 Participantes
200xp
- Cursos
- Construindo sites estáticos de alto nível com IA
Sobre o curso
Este curso é o pilar prático da formação, onde a teoria do “Vibe Design” ganha vida.
Você aprenderá a utilizar agentes de IA como o Cursor e o Antigravity (Google) para atuar como um arquiteto de software.
Em vez de escrever linha por linha, você aprenderá a guiar a IA para gerar HTML, CSS e JavaScript robustos.
O foco é a criação de sites estáticos — ideais para Landing Pages e portfólios — que são extremamente rápidos, seguros e fáceis de hospedar. Você sairá do curso sabendo como coordenar múltiplos modelos de linguagem para resolver problemas complexos de interface e funcionalidade.
Este curso é recomendado para
- Designers que querem independência: Profissionais que não querem mais depender de desenvolvedores para tirar seus layouts do papel.
- Copywriters e Marketers: Que precisam criar páginas de vendas de alta conversão com autonomia e velocidade.
- Empreendedores Digitais: Pessoas que buscam reduzir custos de desenvolvimento criando seus próprios MVPs e sites institucionais.
- Desenvolvedores Low-Code: Usuários de ferramentas como Elementor ou Framer que desejam a liberdade e a performance do código puro, mas com a facilidade da IA.
Conteúdo do Curso
1 Princípios e ferramentas fundamentais
Conteúdo do módulo
1.1 - Que site vamos construir? 25xp
1.2 - Quais ferramentas? 25xp
1.3 - HTML, CSS e JS (e a lógica da Web) 25xp
1.4 - Os 3 princípios fundamentais 25xp
1.5 - Git 25xp
2 Criando um site incrível do zero com IA
Conteúdo do módulo
2.1 - Criando o nosso vídeo com Whisk e Google Flow 25xp
2.2 - Criando DSs 25xp
2.3 - Criando a primeira dobra a partir do DS 25xp
2.4 - Criando o restante do site 25xp
2.5 - Explorando estratégias alternativas 25xp
3 Como compartilhar nosso site com o mundo?
Conteúdo do módulo
3.1 - Preparando o projeto para o Deploy 25xp
3.2 - Compartilhando o site com o mundo 25xp
3.3 - Criando um domínio personalizado (e como atualizá-lo) 25xp
O que você vai aprender
- Workflow de Desenvolvimento com IA: Como configurar e utilizar o Cursor e o IDX/Antigravity para criar projetos do zero.
- Execução de Landing Pages: O passo a passo para sair de um arquivo em branco até um site completo com visual de "startup gringa" em poucas horas.
- Uso de Modelos de Elite: Quando utilizar Claude 3.5 Sonnet, GPT-4o ou Gemini 1.5 Pro para diferentes tarefas de codificação.
- Componentização e Reuso: Como instruir a IA a criar blocos de código (seções, botões, menus) que podem ser facilmente replicados e ajustados.
- Integração de Design Systems: Como aplicar o "Prompt de Mil Dólares" para que a IA respeite identidades visuais extraídas de referências reais.
- Publicação e Deploy: Conceitos básicos de como colocar seu site estático no ar de forma rápida e eficiente.
Com quem você vai aprender
Pré-requisitos
- Sem pré-requisitos