Parcours De zéro à héros · Étape 1 sur 4

0%

SKIP TO CONTENT

Qu'est-ce que le Vibe Coding ? Construisez quelque chose en 10 minutes

beginner~10 min0/4 étapes

Qu'est-ce que le Vibe Coding ?

Le vibe coding, c'est simple : vous décrivez ce que vous voulez, et l'IA le construit.

Pas de syntaxe à mémoriser. Pas de descentes interminables dans Stack Overflow. Vous êtes l'architecte — vous décrivez la vision, l'IA pose les briques. Dans cette première leçon, vous allez créer une carte de profil personnelle simplement en écrivant du HTML. Vous comprendrez ce que l'IA génère réellement quand vous lui parlez, et vous mettrez en ligne quelque chose de concret en moins de 10 minutes.

Instructions

1

Ajoutez un <h1> avec votre nom — c'est VOTRE carte de profil

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

2

Ajoutez un <p class="bio"> avec une phrase sur ce que vous faites ou qui vous êtes

3

Ajoutez un <ul class="skills"> avec 3 éléments <li> — quels sont vos points forts ?

4

Ajoutez un bouton <a class="cta-link"> en bas — un lien que les gens peuvent cliquer pour entrer en contact avec vous

Votre code

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

Aperçu en direct

Aperçu en direct