دروس تفاعلية
تعلّم vibe coding من خلال دروس عملية خطوة بخطوة بإرشاد مساعدنا الودود. أتقن البرمجة باللغة الطبيعية بالوتيرة التي تناسبك.
"مرحبًا! أنا مرشدك في تعلّم vibe coding. تابعني عبر هذه الدروس التفاعلية!"
دروس مميّزة
مقدمة في Vibe Coding
تعلّم أساسيات vibe coding وكيفية استخدام اللغة الطبيعية لإنشاء أول تطبيق لك.
هندسة الأوامر المتقدمة
أتقن فن صياغة الأوامر الفعّالة لتوليد الكود الذي تحتاجه بالضبط للمشاريع المعقّدة.
مقدمة في HTML
تعلّم أساسيات HTML لإنشاء أول صفحة ويب لك بإرشاد واضح خطوة بخطوة.
أساسيات JavaScript للمحترفين
أتقن مفاهيم JavaScript الأساسية مع تطبيقات أعمال عملية.
أساسيات برمجة الألعاب
أنشئ أول لعبة تفاعلية لك باستخدام JavaScript بطريقة ممتعة وجذّابة.
ما هو Vibe Coding؟
اكتشف كيف تنشئ برمجيات بوصف ما تريده بلغة إنجليزية بسيطة. لا حاجة لأي خبرة برمجية.
فن التفاوض مع وكلاء الذكاء الاصطناعي
توقّف عن التوسّل للذكاء الاصطناعي للحصول على النتائج. تعلّم 4 تكتيكات تفاوض استراتيجية — تحديد الدور، والقيود، والسياق، والتكرار — تجعل الذكاء الاصطناعي ينفّذ ما تحتاجه بالضبط.
نصيحة سريعة: الترقية إلى Claude Sonnet 4.6 لمهام وكيلية أسرع
يأتي Claude Sonnet 4.6 ببحث وكيلي أذكى — رموز أقل، وزمن استجابة أقل، وبالجودة نفسها. تعلّم كيفية ترقية مشاريعك الحالية في أقل من 10 دقائق.
من البكسل إلى المنتج
اردم الفجوة بين Figma والكود. تعلّم كيف تُترجم أنظمة التصميم إلى مكوّنات CSS.
نموذج MVP بـ 0 دولار
ابنِ أول تطبيق لك بأدوات مجانية. صمّم وبرمج واستضف دون إنفاق فلس واحد.
من PRD إلى نموذج أولي
حوّل مستند PRD إلى نموذج أولي قابل للنقر بمساعدة الذكاء الاصطناعي. أطلق الدليل، لا المواصفات.
صفحات هبوط خلال دقائق
ابنِ وأطلق صفحات هبوط محسّنة للتحويل دون فتح تذكرة عمل.
من CSV إلى تطبيق ويب
ارفع ملف CSV وأنشئ مستكشف بيانات تفاعلي. تجاوز SQL.
درسك التفاعلي الأول
أنشئ تطبيق اختبار بتصحيح فوري. ابنِ ما سيحبّه طلابك فعليًا.
تصفّح جميع الدروس
اعثر على الدرس المثالي لمستواك واهتماماتك
مقدمة في Vibe Coding
تعلّم أساسيات vibe coding وكيفية استخدام اللغة الطبيعية لإنشاء أول تطبيق لك.
بناء تطبيقات الويب
أنشئ تطبيقات ويب متجاوبة باستخدام vibe coding مع أطر العمل الحديثة وأفضل الممارسات.
إدارة البيانات وواجهات API
تعلّم كيفية التعامل مع البيانات بفعالية ودمج واجهات API الخارجية في مشاريع vibe coding الخاصة بك.
هندسة الأوامر المتقدمة
أتقن فن صياغة الأوامر الفعّالة لتوليد الكود الذي تحتاجه بالضبط للمشاريع المعقّدة.
تطوير تطبيقات الجوّال
أنشئ تطبيقات جوّال أصلية لنظامي iOS وAndroid باستخدام تقنيات vibe coding.
تصحيح الأخطاء والتحسين
تعلّم استراتيجيات فعّالة لتصحيح الكود المُولَّد عبر vibe coding وتحسينه.
مقدمة في HTML
تعلّم أساسيات HTML لإنشاء أول صفحة ويب لك بإرشاد واضح خطوة بخطوة.
التنسيق باستخدام CSS
أضف أسلوبًا ولونًا إلى صفحات الويب الخاصة بك بتقنيات CSS سهلة الفهم.
التصميم المتجاوب
اجعل موقعك يبدو رائعًا على جميع الأجهزة من حواسيب سطح المكتب إلى الهواتف الذكية.
أساسيات JavaScript للمحترفين
أتقن مفاهيم JavaScript الأساسية مع تطبيقات أعمال عملية.
التعامل مع DOM
تعلّم كيفية تحديث صفحات الويب ديناميكيًا لإنشاء تطبيقات أعمال تفاعلية.
تمثيل البيانات بصريًا
أنشئ مخططات ورسومًا بيانية احترافية لعرض بيانات الأعمال بفعالية.
أساسيات برمجة الألعاب
أنشئ أول لعبة تفاعلية لك باستخدام JavaScript بطريقة ممتعة وجذّابة.
أساسيات الرسوم المتحركة
تعلّم كيفية إنشاء رسوم متحركة رائعة لألعابك ومواقعك.
آليات الألعاب
صمّم آليات ألعاب جذّابة مثل النقاط والمستويات والقدرات الخارقة.
ما هو Vibe Coding؟
اكتشف كيف تنشئ برمجيات بوصف ما تريده بلغة إنجليزية بسيطة. لا حاجة لأي خبرة برمجية.
صفحة الويب الأولى لك
ابنِ صفحة ملف شخصي باستخدام HTML وCSS المُولَّدين بالذكاء الاصطناعي. تعلّم قراءة مخرجات الكود وتعديلها.
اجعل الأشياء تفاعلية
أضف أزرارًا وعدّادات وسلوكًا ديناميكيًا إلى صفحاتك باستخدام أوامر JavaScript.
بناء تطبيق حقيقي
تخرّج من الصفحات إلى التطبيقات. ابنِ لوحة معلومات للطقس وكتاب وصفات باستخدام أوامر منظّمة للذكاء الاصطناعي.
مجموعة أدوات Vibe Coding الخاصة بك
أتقن الأدوات والتقنيات وأنماط الأوامر التي يستخدمها محترفو vibe coding كل يوم.
فن التفاوض مع وكلاء الذكاء الاصطناعي
توقّف عن التوسّل للذكاء الاصطناعي للحصول على النتائج. تعلّم 4 تكتيكات تفاوض استراتيجية — تحديد الدور، والقيود، والسياق، والتكرار — تجعل الذكاء الاصطناعي ينفّذ ما تحتاجه بالضبط.
نصيحة سريعة: الترقية إلى Claude Sonnet 4.6 لمهام وكيلية أسرع
يأتي Claude Sonnet 4.6 ببحث وكيلي أذكى — رموز أقل، وزمن استجابة أقل، وبالجودة نفسها. تعلّم كيفية ترقية مشاريعك الحالية في أقل من 10 دقائق.
من البكسل إلى المنتج
اردم الفجوة بين Figma والكود. تعلّم كيف تُترجم أنظمة التصميم إلى مكوّنات CSS.
CSS بلا تعقيد
اكتب أنماطًا نظيفة وقابلة للصيانة دون تعلّم لغة برمجة. ابنِ تخطيطات حقيقية، لا مجرد هوامش.
واقع التجاوب
أتقن استعلامات الوسائط والتصميم المرن. ابنِ مرة واحدة، واعمل في كل مكان.
الرسوم المتحركة والتفاعل
أضف الحياة إلى تصاميمك مع الرسوم المتحركة والانتقالات والتفاعلات الدقيقة في CSS.
أطلق معرض أعمالك
أطلق أول مشروع حي لك. تعلّم الاستضافة وأساسيات SEO وكيفية الحديث عن عملك.
نموذج MVP بـ 0 دولار
ابنِ أول تطبيق لك بأدوات مجانية. صمّم وبرمج واستضف دون إنفاق فلس واحد.
من الفكرة إلى التطبيق
حوّل تعريف مشكلتك إلى برنامج يعمل فعليًا. النموذج الذهني الذي يفصل المنفّذين عن المفرطين في التفكير.
أضف المدفوعات خلال 10 دقائق
اقبل بطاقات الائتمان دون بناء نظام دفع. احصل على أول دولار خلال ساعات.
المستخدمون والبيانات ولوحات المعلومات
اعرف من يستخدم تطبيقك ولماذا. تتبّع القمع والاحتفاظ والإيرادات.
دليل يوم الإطلاق
من التلميع قبل الإطلاق إلى الزخم بعد الإطلاق. كيف يدير أفضل المؤسسين عطلات الإطلاق.
من PRD إلى نموذج أولي
حوّل مستند PRD إلى نموذج أولي قابل للنقر بمساعدة الذكاء الاصطناعي. أطلق الدليل، لا المواصفات.
أدوات داخلية سريعة
ابنِ لوحات معلومات إدارية وأدوات داخلية من المواصفات دون انتظار فريق الهندسة.
تمثيل البيانات بصريًا لمديري المنتجات
أنشئ لوحات معلومات حية من بيانات CSV وAPI. اعرض الرؤى، لا جداول البيانات.
أتمتة سير عملك
ابنِ روبوتات Slack وأتمتة البريد الإلكتروني ومهام cron. حرّر وقتك للتركيز على الاستراتيجية.
أطلق لأصحاب المصلحة
انشر وشارك وكرّر مع ملاحظات حقيقية. استبدل العروض المكوّنة من 20 شريحة بنماذج عاملة.
صفحات هبوط خلال دقائق
ابنِ وأطلق صفحات هبوط محسّنة للتحويل دون فتح تذكرة عمل.
منشئ أتمتة البريد الإلكتروني
أنشئ تسلسلات بريد إلكتروني تنقيطية بقوالب جاهزة. أتمتة رعاية العملاء دون كود.
محرّك محتوى SEO
ابنِ مدوّنة بوسوم وصفية وخرائط موقع مُولَّدة تلقائيًا. تصدّر النتائج دون فريق SEO.
لوحة معلومات التحليلات
ابنِ لوحة معلومات مخصّصة لمقاييس التسويق. امتلك تصوّر بياناتك بصريًا.
القمع التسويقي الكامل
اربط صفحة الهبوط بالبريد الإلكتروني بالتحليلات من البداية إلى النهاية. أتمتة تسويق متكاملة.
من CSV إلى تطبيق ويب
ارفع ملف CSV وأنشئ مستكشف بيانات تفاعلي. تجاوز SQL.
لوحات معلومات مدعومة بـ API
اتّصل بواجهات API حقيقية وابنِ مخططات حية. بيانات لحظية ورؤى لحظية.
تصورات تفاعلية
ابنِ تصورات D3/Recharts بمساعدة الذكاء الاصطناعي. اجعل البيانات تروي قصة.
تقارير قابلة للمشاركة
أنشئ تقارير PDF وHTML من البيانات. أتمتة تقاريرك الأسبوعية.
انشر تطبيق بياناتك
أطلق لوحة معلومات بيانات متاحة للجمهور. من localhost إلى العالم.
درسك التفاعلي الأول
أنشئ تطبيق اختبار بتصحيح فوري. ابنِ ما سيحبّه طلابك فعليًا.
حوّل محتواك إلى لعبة
ابنِ ألعابًا تعليمية بسيطة. اجعل التعلّم مشوّقًا، لا مملًا.
متتبّع تقدّم الطلاب
ابنِ لوحة معلومات للصف مع تتبّع التقدم. اعرف أين يقف كل طالب.
محتوى يتكيّف
أنشئ محتوى تكيّفيًا يتأقلم مع مستوى الطالب. تعلّم مخصّص على نطاق واسع.
شارك مع مدرستك
انشر ووزّع على الطلاب. من حاسوبك إلى متصفحاتهم.
مسارات التعلّم
اتبع مسارات تعليمية منظَّمة لإتقان vibe coding من مستوى المبتدئ حتى الاحتراف
مسار المبتدئين
ابدأ رحلتك في vibe coding بالأساسيات والمفاهيم الأولية
مسارات تعلّم مخصّصة لكل فئة
اختر المسار التعليمي الأنسب لخلفيتك وأهدافك. كل مسار مصمَّم ليمنحك التجربة الأكثر صلة باحتياجاتك.
كبار السن (55+)
تعلّم بالوتيرة التي تناسبك مع إرشاد واضح خطوة بخطوة وأمثلة عملية.
الباحثون عن تغيير المهنة
طوّر مهاراتك بسرعة من خلال تطبيقات احترافية وأمثلة وثيقة الصلة بسوق العمل.
الشباب (13-25)
تعلّم من خلال دروس ممتعة وتفاعلية قائمة على الألعاب مع ملاحظات فورية.
المصممون
حوّل تصاميمك إلى مواقع وتطبيقات حقيقية تعمل فعليًا — دون أي خبرة برمجية.
رواد الأعمال
ابنِ وأطلق نموذجك الأولي MVP خلال عطلة نهاية الأسبوع — من الفكرة إلى أول عميل يدفع.
مديرو المنتجات
صمّم النماذج الأولية للميزات بنفسك وتحدّث بلغة مهندسيك بطلاقة.
المسوّقون
ابنِ الأدوات التي لطالما تمنيت أن يبنيها فريق التطوير — صفحات هبوط، لوحات معلومات، وأتمتة.