🧭 Fundamentos

Um editor de código da Google, movido por agentes de IA, que roda na sua máquina e edita arquivos de verdade — você comanda em linguagem natural.

É a forma mais direta de sair do "arrastar blocos" e construir aplicações completas sem dominar sintaxe.

Agentes · linguagem natural · ambiente local · Gemini 3 Pro / Claude / outros modelos.

Um mapa mental: topo = ferramentas visuais (Make/n8n), meio = vibe coding na nuvem, base = ambiente local (AntiGravity).

Saber em que camada você está te ajuda a escolher a ferramenta certa e a entender o que cada uma sacrifica.

Abstração vs. controle · nuvem simplifica sacrificando funcionalidade · local = controle total.

Determinístico = fluxo fixo e repetitivo (ideal p/ Make/n8n). Agentic = a IA escreve e gerencia código para problemas que mudam.

A pergunta "isso muda ou é sempre igual?" decide qual abordagem usar.

Fluxo fixo · fluxo adaptativo · complexidade · autonomia.

Toda ferramenta visual é só uma interface sobre código. Dominar o código (via IA) é a base que não fica obsoleta.

Te imuniza contra o medo de "a próxima ferramenta da moda" — você já está na camada que faz tudo.

Interface vs. fundação · longevidade da habilidade.

Cursor, Windsurf e AntiGravity são IDEs com IA concorrentes. O curso usa o AntiGravity, mas os princípios valem para todas.

Você aprende um conceito, não um botão — e troca de ferramenta sem recomeçar.

Recursos nativos · portabilidade de habilidade.

Para tarefas simples, repetitivas e estáveis (ex.: "form preenchido → adiciona à lista"), um fluxo no-code é mais rápido e barato.

Usar a ferramenta certa economiza tempo — nem tudo precisa virar app.

Custo-benefício · simplicidade · manutenção.

Cada módulo tem conceitos, passo a passo, exemplo, exercício e prompts prontos. Marque cada seção como lida para acompanhar o progresso.

Saber a estrutura ajuda você a estudar com método e voltar de onde parou.

Progresso salvo · biblioteca de prompts · mão na massa.

Fluxos visuais com passos fixos: gatilho → ação → ação. Ótimo para tarefas previsíveis que não mudam.

É a forma mais simples e barata de resolver problemas repetitivos.

Gatilho · módulos · webhook · previsibilidade.

Você descreve o objetivo e a IA escreve/edita código, testa e corrige — para problemas complexos e que evoluem.

Destrava o que um fluxo fixo não consegue: apps completos e funcionalidade ilimitada.

Autonomia · adaptação · código gerado.

Ferramentas visuais são uma camada bonita sobre JSON/código. Copie um workflow e você vê o JSON por trás.

Entender isso desmistifica o "código" e mostra que você já mexia com ele sem saber.

Camada de abstração · JSON · interface visual.

Um guia de decisão: tarefa simples e estável → no-code; problema complexo, com interface e lógica própria → app agentic.

Evita usar um canhão para matar mosca (ou vice-versa).

Critério de escolha · custo · complexidade.

No-code e apps agentic se completam; entender fluxos te torna melhor ao dirigir agentes (e vice-versa).

Você ganha um repertório maior de soluções.

Complementaridade · repertório · integração (MCP).

Vibe coders de nuvem são como uma casa da IKEA: entregam pronto, mas com estruturas fixas. O local é construir do jeito que você quiser.

Mostra o trade-off entre rapidez e liberdade.

Conveniência vs. controle · limites da nuvem.

Baixar e instalar o app a partir do site oficial (antigravity.google).

É o primeiro passo concreto — sem isso, nada roda.

Download oficial · instalação.

O Node.js é o "motor" que permite à IA criar e rodar projetos no nível do seu computador.

Sem ele, o agente não consegue executar a maioria dos apps localmente.

Runtime · npm · ambiente local.

GitHub é onde se guardam e versionam os arquivos. Repositórios podem ser públicos (qualquer um vê) ou privados.

É de onde você importa projetos e para onde publica o seu.

Repo · visibilidade · colaboração.

Importar um repo (colando a URL) e pedir para rodar — ele sobe num endereço local (localhost) que só você vê.

É o ciclo básico: trazer código, rodar, ver na tela.

Import · localhost · preview.

O terminal é como você conversa com o computador por texto: instalar coisas, rodar comandos, executar ações.

Muitas ações (instalar pacotes, rodar builds) passam por ali.

CLI · comando · instalação.

Regra prática: um modelo forte em design para layout, outro forte em raciocínio para código e troubleshooting.

Escolher o modelo certo melhora muito o resultado.

Seleção de modelo · caso de uso.

Painel de comandos, navegação de arquivos, "publicar no GitHub" e o Agent Manager (onde você gerencia vários agentes).

Conhecer a interface acelera tudo o que vem depois.

Painel · Agent Manager · workspaces.

O agente abre o navegador, clica em botões, confere o resultado na tela e se autocorrige — sem plugins extras.

É um diferencial que economiza muito ida e volta.

Browser control · self-correction.