Ruta De Cero a Héroe · Etapa 1 de 4

0%

SKIP TO CONTENT

¿Qué es el Vibe Coding? Construye algo en 10 minutos

beginner~10 min0/4 pasos

¿Qué es el Vibe Coding?

El vibe coding es simple: tú describes lo que quieres y la IA lo construye.

Sin memorizar sintaxis. Sin perderte en madrigueras de Stack Overflow. Tú eres el arquitecto: describes la visión y la IA pone los ladrillos. En esta primera lección construirás una tarjeta de perfil personal con solo escribir HTML. Entenderás qué genera realmente la IA cuando hablas con ella, y publicarás algo real en menos de 10 minutos.

Instrucciones

1

Agrega un <h1> con tu nombre — esta es TU tarjeta de perfil

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

2

Agrega un <p class="bio"> con una frase sobre lo que haces o quién eres

3

Agrega un <ul class="skills"> con 3 elementos <li> — ¿en qué eres bueno?

4

Agrega un botón <a class="cta-link"> al final — un enlace en el que la gente pueda hacer clic para conectar contigo

Tu código

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

Vista previa en vivo

Vista previa en vivo