Vibe Coding क्या है? 10 मिनट में कुछ बनाएँ
Vibe Coding क्या है?
Vibe coding सीधा-सा है: आप बताते हैं कि आपको क्या चाहिए, और AI उसे बना देता है।
न सिंटैक्स रटना, न Stack Overflow की भूलभुलैया में खो जाना। आर्किटेक्ट आप हैं — आप विज़न बताते हैं, AI ईंटें जोड़ता है। इस पहले पाठ में आप सिर्फ़ HTML लिखकर एक पर्सनल प्रोफ़ाइल कार्ड बनाएँगे। आप समझेंगे कि जब आप AI से बात करते हैं तो वह असल में क्या जनरेट कर रहा है, और 10 मिनट से भी कम में कुछ असली शिप करेंगे।
निर्देश
अपने नाम के साथ एक <h1> जोड़ें — यह आपका अपना प्रोफ़ाइल कार्ड है
संकेत: आज़माएँ: `<h1 class="text-2xl font-bold text-white text-center mb-2">Your Name</h1>`
इसे कहाँ लिखें?
<!-- Step 1: Add an <h1> with your name -->इसे लाइन 12 पर लिखें — उस टिप्पणी के ठीक नीचे वाली खाली लाइन।
एक <p class="bio"> जोड़ें जिसमें एक वाक्य हो कि आप क्या करते हैं या कौन हैं
3 <li> आइटम के साथ एक <ul class="skills"> जोड़ें — आप किन चीज़ों में अच्छे हैं?
सबसे नीचे एक <a class="cta-link"> बटन जोड़ें — एक लिंक जिस पर क्लिक करके लोग आपसे जुड़ सकें
आपका कोड
इस स्टेप के लिए आप जो बनाना चाहते हैं उसे बताएं और मैं कोड लिख दूंगा — फिर इसे अपने एडिटर में डालने के लिए Apply पर क्लिक करें। यह स्टेप: अपने नाम के साथ एक <h1> जोड़ें — यह आपका अपना प्रोफ़ाइल कार्ड है