Trilha Do Zero ao Herói · Etapa 1 de 4

0%

SKIP TO CONTENT

O que é Vibe Coding? Construa Algo em 10 Minutos

beginner~10 min0/4 etapas

O que é Vibe Coding?

Vibe coding é simples: você descreve o que quer, e a IA constrói.

Nada de decorar sintaxe. Nada de se perder em tocas de coelho do Stack Overflow. Você é o arquiteto — você descreve a visão, a IA assenta os tijolos. Nesta primeira lição, você vai construir um cartão de perfil pessoal só escrevendo HTML. Você vai entender o que a IA realmente gera quando você conversa com ela, e vai publicar algo de verdade em menos de 10 minutos.

Instruções

1

Adicione um <h1> com o seu nome — este é o SEU cartão de perfil

Dica: Tente: `<h1 class="text-2xl font-bold text-white text-center mb-2">Your Name</h1>`

2

Adicione um <p class="bio"> com uma frase sobre o que você faz ou quem você é

3

Adicione um <ul class="skills"> com 3 itens <li> — no que você é bom?

4

Adicione um botão <a class="cta-link"> no final — um link que as pessoas podem clicar para se conectar com você

Seu Código

html
21 linhas
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

Pré-visualização ao Vivo

Pré-visualização ao Vivo