Zero-to-Hero-Pfad · Stufe 1 von 4

0%

SKIP TO CONTENT

Was ist Vibe Coding? Bau etwas in 10 Minuten

beginner~10 Min.0/4 Schritte

Was ist Vibe Coding?

Vibe Coding ist simpel: Du beschreibst, was du willst, und die KI baut es.

Kein Syntax-Auswendiglernen. Keine Stack-Overflow-Kaninchenbauten. Du bist der Architekt — du beschreibst die Vision, die KI legt die Steine. In dieser ersten Lektion baust du eine persönliche Profilkarte, einfach indem du HTML schreibst. Du verstehst, was die KI tatsächlich generiert, wenn du mit ihr sprichst, und du lieferst in unter 10 Minuten etwas Echtes aus.

Anweisungen

1

Füge ein <h1> mit deinem Namen hinzu — das ist DEINE Profilkarte

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

2

Füge ein <p class="bio"> mit einem Satz darüber hinzu, was du machst oder wer du bist

3

Füge ein <ul class="skills"> mit 3 <li>-Einträgen hinzu — worin bist du richtig gut?

4

Füge ganz unten einen <a class="cta-link">-Button hinzu — einen Link, über den Leute mit dir in Kontakt treten können

Dein Code

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

Live-Vorschau

Live-Vorschau