ما هو الـ 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>`
أضف <p class="bio"> مع جملة واحدة عمّا تفعله أو من تكون
أضف <ul class="skills"> مع 3 عناصر <li> — ما الذي تجيده؟
أضف زر <a class="cta-link"> في الأسفل — رابط يستطيع الناس النقر عليه للتواصل معك
الكود الخاص بك
صف ما تريد بناءه في هذه الخطوة وسأكتب الكود — ثم انقر «تطبيق» لإدراجه في محرّرك. هذه الخطوة: أضف <h1> يحمل اسمك — هذه بطاقة التعريف الخاصة بك أنت