Pular para o conteúdo
Começar a Aprender

Tutoriais Interativos

Aprenda vibe coding com tutoriais práticos, passo a passo, guiados pelo nosso assistente simpático. Domine a programação em linguagem natural no seu próprio ritmo.

Explorar Todos os Tutoriais:
Vibe Coding Guide
AI Learning Guide

"Olá! Sou seu guia para aprender vibe coding. Venha comigo por estes tutoriais interativos!"

Tutoriais em Destaque14 Modules
Todos os Tutoriais52 Tutorials
Filter:

Explorar Todos os Tutoriais

Encontre o tutorial ideal para o seu nível e interesses

Showing 52 of 52 tutorials
Iniciante
45 mins
fundamentals
5 capítulos

Introdução ao Vibe Coding

Aprenda os fundamentos do vibe coding e como usar linguagem natural para criar sua primeira aplicação.

Progresso80%
80%
Intermediário
2 hours
web
8 capítulos

Construindo Aplicações Web

Crie aplicações web responsivas usando vibe coding com frameworks modernos e boas práticas.

Progresso30%
30%
Intermediário
1.5 hours
data
6 capítulos

Gerenciamento de Dados e APIs

Aprenda a lidar com dados de forma eficaz e a integrar APIs externas nos seus projetos de vibe coding.

Avançado
3 hours
advanced
10 capítulos

Engenharia de Prompts Avançada

Domine a arte de criar prompts eficazes para gerar exatamente o código que você precisa em projetos complexos.

Intermediário
2.5 hours
mobile
9 capítulos

Desenvolvimento de Apps Móveis

Crie aplicativos móveis nativos para iOS e Android usando técnicas de vibe coding.

Intermediário
1 hour
fundamentals
4 capítulos

Depuração e Otimização

Aprenda estratégias eficazes para depurar e otimizar o código gerado com vibe coding.

Iniciante
1 hour
web
6 capítulos

Introdução ao HTML

Aprenda o básico de HTML para criar sua primeira página web com orientação clara, passo a passo.

Iniciante
1 hour
web
5 capítulos

Formatação com CSS

Adicione estilo e cor às suas páginas web com técnicas de CSS fáceis de entender.

Intermediário
1.5 hours
web
5 capítulos

Design Responsivo

Faça seu site ficar ótimo em todos os dispositivos, de computadores desktop a smartphones.

Intermediário
2 hours
web
5 capítulos

Fundamentos de JavaScript para Profissionais

Domine conceitos essenciais de JavaScript com aplicações práticas para negócios.

Intermediário
2 hours
web
6 capítulos

Manipulação do DOM

Aprenda a atualizar páginas web dinamicamente para criar aplicações de negócios interativas.

Intermediário
2.5 hours
data
7 capítulos

Visualização de Dados

Crie gráficos profissionais para apresentar dados de negócios de forma eficaz.

Iniciante
1.5 hours
games
5 capítulos

Noções de Programação de Jogos

Crie seu primeiro jogo interativo com JavaScript de um jeito divertido e envolvente.

Iniciante
1.5 hours
games
6 capítulos

Noções de Animação

Aprenda a criar animações legais para seus jogos e sites.

Intermediário
2 hours
games
7 capítulos

Mecânicas de Jogos

Projete mecânicas de jogo envolventes como pontos, níveis e power-ups.

Iniciante
30 mins
beginner-path
4 capítulos

O que é Vibe Coding?

Descubra como criar software descrevendo o que você quer em linguagem simples. Sem experiência em programação.

Iniciante
45 mins
beginner-path
5 capítulos

Sua Primeira Página Web

Crie uma página de perfil pessoal usando HTML e CSS gerados por IA. Aprenda a ler e modificar o código produzido.

Iniciante
45 mins
beginner-path
5 capítulos

Tornando as Coisas Interativas

Adicione botões, contadores e comportamento dinâmico às suas páginas usando prompts de JavaScript.

Iniciante
60 mins
beginner-path
5 capítulos

Construindo um App de Verdade

Evolua de páginas para apps. Crie um dashboard de clima e um livro de receitas usando prompts estruturados de IA.

Iniciante
40 mins
beginner-path
5 capítulos

Seu Kit de Ferramentas de Vibe Coding

Domine as ferramentas, técnicas e padrões de prompt que os vibe coders profissionais usam todos os dias.

Iniciante
15 mins
ai-tools
4 capítulos

A Arte da Negociação com Agentes de IA

Pare de implorar resultados à IA. Aprenda 4 táticas estratégicas de negociação — definição de papel, restrições, contexto e iteração — que fazem a IA fazer exatamente o que você precisa.

Iniciante
10 mins
ai-tools
1 capítulos

Dica Rápida: Atualizando para o Claude Sonnet 4.6 para Tarefas Agênticas Mais Rápidas

O Claude Sonnet 4.6 chega com uma busca agêntica mais inteligente — menos tokens, menos latência, a mesma qualidade. Aprenda a atualizar seus projetos existentes em menos de 10 minutos.

Iniciante
30 mins
design
4 capítulos

Do Pixel ao Produto

Conecte o Figma ao código. Aprenda como design systems se traduzem em componentes CSS.

Iniciante
35 mins
design
3 capítulos

CSS Sem o C

Escreva estilos limpos e fáceis de manter sem aprender uma linguagem de programação. Crie layouts de verdade, não só margens.

Intermediário
30 mins
design
4 capítulos

A Realidade do Responsivo

Domine media queries e design fluido. Crie uma vez, funcione em qualquer lugar.

Intermediário
30 mins
design
4 capítulos

Animação e Interação

Dê vida aos seus designs com animações, transições e microinterações em CSS.

Intermediário
25 mins
design
4 capítulos

Publique seu Portfólio

Publique seu primeiro projeto ao vivo. Aprenda hospedagem, noções de SEO e como falar sobre o seu trabalho.

Iniciante
30 mins
startup
4 capítulos

O MVP de R$0

Crie seu primeiro app com ferramentas gratuitas. Projete, programe e hospede sem gastar um centavo.

Iniciante
30 mins
startup
3 capítulos

Da Ideia ao App

Transforme a definição do seu problema em software funcional. O modelo mental que separa quem entrega de quem só pensa demais.

Intermediário
35 mins
startup
4 capítulos

Adicione Pagamentos em 10 Minutos

Aceite cartões de crédito sem construir um sistema de pagamentos. Receba seu primeiro real em poucas horas.

Intermediário
35 mins
startup
4 capítulos

Usuários, Dados, Dashboards

Saiba quem está usando seu app e por quê. Acompanhe funis, retenção e receita.

Intermediário
30 mins
startup
4 capítulos

Manual do Dia do Lançamento

Do polimento pré-lançamento ao impulso pós-lançamento. Como os melhores founders conduzem seus fins de semana de lançamento.

Iniciante
35 mins
product
4 capítulos

Do PRD ao Protótipo

Transforme um PRD em um protótipo clicável com IA. Entregue a prova, não a especificação.

Intermediário
30 mins
product
3 capítulos

Ferramentas Internas Rápidas

Crie dashboards administrativos e ferramentas internas a partir de especificações sem esperar pela engenharia.

Intermediário
35 mins
product
4 capítulos

Visualização de Dados para PMs

Crie dashboards ao vivo a partir de dados de CSV e API. Apresente insights, não planilhas.

Intermediário
30 mins
product
3 capítulos

Automatize seu Fluxo de Trabalho

Crie bots no Slack, automações de e-mail e cron jobs. Libere seu tempo para a estratégia.

Intermediário
25 mins
product
3 capítulos

Entregue aos Stakeholders

Publique, compartilhe e itere com feedback real. Substitua apresentações de 20 slides por demos funcionais.

Iniciante
30 mins
marketing
4 capítulos

Landing Pages em Minutos

Crie e publique landing pages otimizadas para conversão sem abrir um chamado.

Iniciante
25 mins
marketing
3 capítulos

Criador de Automação de E-mail

Crie sequências de e-mails automáticos com modelos. Automatize a nutrição de leads sem código.

Intermediário
35 mins
marketing
4 capítulos

Motor de Conteúdo com SEO

Crie um blog com meta tags e sitemaps gerados automaticamente. Ranqueie sem um time de SEO.

Intermediário
30 mins
marketing
3 capítulos

Dashboard de Analytics

Crie um dashboard personalizado de métricas de marketing. Seja dono da sua visualização de dados.

Intermediário
35 mins
marketing
4 capítulos

O Funil Completo

Conecte landing page, e-mail e analytics de ponta a ponta. Automação de marketing completa.

Iniciante
35 mins
data-science
4 capítulos

De CSV para Aplicativo Web

Faça upload de um CSV e gere um explorador de dados interativo. Vá além do SQL.

Intermediário
30 mins
data-science
3 capítulos

Dashboards com API

Conecte-se a APIs reais e crie gráficos ao vivo. Dados em tempo real, insights em tempo real.

Intermediário
35 mins
data-science
4 capítulos

Visualizações Interativas

Crie visualizações com D3/Recharts usando IA. Faça os dados contarem uma história.

Intermediário
25 mins
data-science
3 capítulos

Relatórios Compartilháveis

Gere relatórios em PDF e HTML a partir de dados. Automatize seus relatórios semanais.

Intermediário
25 mins
data-science
3 capítulos

Publique seu App de Dados

Publique um dashboard de dados acessível ao público. Do localhost para o mundo.

Iniciante
30 mins
education
4 capítulos

Sua Primeira Lição Interativa

Crie um aplicativo de quiz com correção instantânea. Construa o que seus alunos realmente vão adorar.

Iniciante
25 mins
education
3 capítulos

Gamifique seu Conteúdo

Crie jogos educativos simples. Torne o aprendizado viciante, não chato.

Intermediário
35 mins
education
4 capítulos

Rastreador de Progresso dos Alunos

Crie um dashboard de turma com acompanhamento de progresso. Saiba em que pé cada aluno está.

Intermediário
30 mins
education
3 capítulos

Conteúdo que se Adapta

Crie conteúdo adaptativo que se ajusta ao nível do aluno. Aprendizado personalizado em escala.

Intermediário
25 mins
education
3 capítulos

Compartilhe com sua Escola

Publique e distribua para os alunos. Do seu computador para o navegador deles.

STRUCTURED ROADMAPS

Trilhas de Aprendizado

Siga trilhas de aprendizado estruturadas para dominar o vibe coding do nível iniciante ao expert

Trilha Iniciante

Comece sua jornada de vibe coding com os fundamentos e conceitos básicos

1
Introdução ao Vibe Coding
2
Construindo Aplicações Simples
3
Entendendo o Básico dos Prompts
4
Seu Primeiro Projeto Completo

Trilha Intermediária

Aprofunde suas habilidades e encare projetos mais complexos com confiança

1
Aplicações Web Avançadas
2
Gerenciamento de Dados e APIs
3
Noções de Desenvolvimento Mobile
4
Depuração e Otimização

Trilha Avançada

Domine técnicas sofisticadas e crie aplicações de nível corporativo

1
Engenharia de Prompts Avançada
2
Arquitetura Corporativa
3
Integração de Modelos de IA
4
Desempenho e Escalabilidade
PERSONA HUB

Trilhas de Aprendizado por Perfil

Escolha a trilha de aprendizado que melhor combina com seu perfil e seus objetivos. Cada trilha foi feita para oferecer a experiência mais relevante.

Terceira Idade (55+)

Aprenda no seu ritmo, com orientação clara, passo a passo, e exemplos práticos.

1Introdução ao HTML
2Formatação com CSS
3Design Responsivo
4Páginas Web Interativas

Mudança de Carreira

Acelere suas habilidades com aplicações profissionais e exemplos relevantes para o mercado.

1Fundamentos de JavaScript
2Manipulação do DOM
3Visualização de Dados
4Aplicações de Negócios

Jovens (13-25)

Aprenda com tutoriais divertidos e interativos baseados em jogos, com feedback imediato.

1Noções de Programação de Jogos
2Noções de Animação
3Mecânicas de Jogos
4Jogos com Vários Níveis

Designers

Transforme seus designs em sites e apps reais e funcionais — sem precisar saber programar.

1Crie uma Landing Page por Prompt
2Do Figma para o Código
3Layouts Responsivos
4Publique seu Portfólio

Empreendedores

Crie e lance seu MVP em um fim de semana — da ideia aos primeiros clientes pagantes.

1Crie uma Página de Lista de Espera
2Autenticação e Dashboards de Usuários
3Integração de Pagamentos
4Lance e Itere

Gerentes de Produto

Prototipe funcionalidades você mesmo e fale a língua dos seus engenheiros com fluência.

1Do PRD ao Protótipo
2Ferramentas Internas
3Dashboards de Testes A/B
4Demos para Stakeholders

Profissionais de Marketing

Crie as ferramentas que você gostaria que seu time de dev fizesse — landing pages, dashboards, automações.

1Landing Pages Rápidas
2Modelos de E-mail
3Criador de Blog com SEO
4Dashboards de Marketing

Analistas de Dados

Vá além do SQL — crie dashboards interativos que seus stakeholders realmente vão usar.

1De CSV para Aplicativo Web
2Gráficos com API ao Vivo
3Visualizações com D3
4Publicar um Dashboard

Educadores

Crie lições interativas e ferramentas educacionais que seus alunos vão adorar.

1Lições Interativas
2Aplicativos de Quiz
3Acompanhamento de Progresso
4Conteúdo Adaptativo
VISUAL LEARNING

Tutoriais em Desenho Animado

Aprenda com episódios em desenho animado envolventes, apresentados pelo nosso guia simpático. Perfeito para quem aprende melhor com recursos visuais e uma forma divertida de entender conceitos complexos.

Animated Episodes Available

Pronto para Aprender?

Embarque hoje na sua jornada de vibe coding. Nossos tutoriais interativos vão guiar você em cada etapa, dos conceitos iniciais às técnicas avançadas.