مقدمة المشروع
في عام 2025، اعتبره الكثيرون عام انطلاق برمجة الذكاء الاصطناعي. بدأ المزيد والمزيد من الأشخاص يستخدمون الذكاء الاصطناعي لكتابة التعليمات البرمجية، لكن ما ينتجونه غالبًا ما يبقى عند مستوى الألعاب - لا يعرفون كيفية تنظيم عملية التطوير باستخدام Vibe Coding، ولا يعرفون الأدوات التي يجب اختيارها، ولا يفهمون بوضوح الخطوات الحاسمة المفقودة بين النموذج الأولي والإطلاق.
نعتمد مسارًا عمليًا تدريجيًا من ثلاث مراحل: مرحلة المبتدئين للبدء السريع في برمجة الذكاء الاصطناعي من خلال الألعاب الصغيرة، والمرحلة الأولى لإتقان أسلوب العمل في Vibe Coding وإكمال نموذج أولي لتطبيق ويب، والمرحلة الثانية لتعلم التطوير الشامل والنشر، والمرحلة الثالثة لبناء تطبيقات معقدة عبر منصات متعددة.
تتضمن كل مرحلة مشاريع عملية كاملة، مما يتيح لك الانتقال من الألعاب إلى المنتجات الحقيقية في تحديات واقعية، وفي النهاية تمتلك القدرة على تحويل أي فكرة إلى تطبيق قابل للاستخدام.
نحن نؤمن بأن إتقان Vibe Coding مع التدريب المنهجي سيجعلك شخصيًا مطورًا شاملاً يجمع بين تطوير الواجهة الأمامية والخلفية، وتكامل قدرات الذكاء الاصطناعي، وتصميم المنتجات.
يستهدف هذا المشروع بشكل أساسي ثلاث فئات من المتعلمين:
- المبتدئون (الأشخاص العاديون / الجانب المتعلق بالمنتجات والعمليات): مساعدة الأشخاص ذوي الخلفيات غير التقنية والمتعلمين المبتدئين على فهم المفاهيم الرئيسية وإكمال أول أداة صغيرة بالذكاء الاصطناعي أو نموذج أولي للمنتج.
- المطورون المتوسطون والمبتدئون (الطلاب والمطورون ذوو الأساسيات): إتقان vibe coding وتطوير تطبيقات الذكاء الاصطناعي الأصلية بشكل منهجي.
- المطورون المتقدمون (الشركات والشركات الناشئة، والمطورون المستقلون والمفتوحو المصدر): دعم الفرق والأفراد للبناء السريع والتحقق من التكرار لتطبيقات الذكاء الاصطناعي الأصلية.
دليل المحتوى
الملخص العام
قاموس قدرات الذكاء الاصطناعي: المفاهيم الأساسية والمصطلحات وسيناريوهات الذكاء الاصطناعي الشائعة
المرحلة الصفرية: روضة الأطفال
| الفصل | المحتوى الرئيسي | الحالة |
|---|---|---|
| دليل المبتدئين: خريطة التعلم | نظرة عامة على مسار التعلم الكامل | ✅ |
| دليل المبتدئين: في عصر الذكاء الاصطناعي، التحدث يعني البرمجة | تجربة قدرات برمجة الذكاء الاصطناعي من خلال أمثلة مثل لعبة الثعبان | ✅ |
المرحلة الأولى: مدير منتجات الذكاء الاصطناعي
| الفصل | المحتوى الرئيسي | الحالة |
|---|---|---|
| المستوى الثاني: التعرف على أدوات AI IDE | تعلم استخدام IDE، وإتقان هيكل الواجهة وأساليب الإدخال الفعالة | ✅ |
| المستوى الثالث: بناء نموذج أولي عمليًا | دورة كاملة من تحليل المنتج إلى تفكيك المتطلبات وتنفيذ نموذج أولي متعدد الصفحات | ✅ |
| المستوى الرابع: إضافة قدرات الذكاء الاصطناعي إلى النموذج الأولي | فهم وإكمال تكامل API لقدرات الذكاء الاصطناعي الشائعة (نص، صورة، فيديو) | ✅ |
| المستوى الخامس: مشروع عملي كامل | محاكاة سيناريوهات واقعية، وقبول ملاحظات المستخدمين للتكرار وإكمال عرض المشروع (يتضمن مشروعًا نهائيًا) | ✅ |
الملاحق
| الفصل | المحتوى الرئيسي | الحالة |
|---|---|---|
| الملحق أ: التفكير في المنتجات | إطار عمل التفكير في المنتجات من تقييم الأفكار إلى تفكيك المتطلبات و MVP | ✅ |
| الملحق ب: الأخطاء الشائعة والحلول | الأخطاء الشائعة في vibe coding وطرق استكشاف الأخطاء وإصلاحها | ✅ |
| الملحق: من أين تأتي الأفكار | استخراج اتجاهات محددة من التطبيقات المرجعية والاتجاهات وقوائم المستثمرين | ✅ |
| الملحق: نموذج الماس المزدوج | فهم الإيقاع الكامل لتعريف المشكلة أولاً، ثم تطوير تصميم الحل | ✅ |
| الملحق: Jobs to Be Done | استخدام طريقة JTBD لفهم ما يريد المستخدمون حقًا إنجازه | ✅ |
| الملحق: طريقة مقابلة The Mom Test | طريقة بحث للتحقق من المتطلبات من خلال مقابلات المستخدمين | ✅ |
المرحلة الثانية: مهندسو التطوير المتوسطون والمبتدئون
قسم الواجهة الأمامية
| الفصل | المحتوى الرئيسي | الحالة |
|---|---|---|
| استخدام lovart لإنتاج المواد | تعلم استخدام lovart لإنشاء المواد المرئية مثل الشخصيات والمشاهد دفعة واحدة، مما يوفر أساسًا للمواد لتصميم UI وتطوير الواجهة الأمامية | 🚧 |
| مقدمة في Figma و MasterGo | استخدام أدوات التصميم لتنظيم هيكل المعلومات وبنية الصفحات، ووضع الأساس لتنفيذ الواجهة الأمامية | 🚧 |
| بناء أول تطبيق حديث - تصميم UI | إكمال واجهة مبنية على المكونات بناءً على تصميمات، وتحقيق أول رابط من التصميم إلى التعليمات البرمجية | 🚧 |
| تصميم الصفحات والأزرار وفقًا لمعايير تصميم UI | تعلم تنظيم هيكل الصفحة والتسلسل الهرمي للأزرار باستخدام معايير التصميم السائدة، وإنشاء مخططات تصميم بمساعدة الذكاء الاصطناعي | 🚧 |
| بناء لوحة هوغوورتس معًا | بناء تطبيق واجهة أمامية مع قدرات الذكاء الاصطناعي من الصفر، وربط التصميم والتطوير | 🚧 |
قسم تطوير الواجهة الخلفية
| الفصل | المحتوى الرئيسي | الحالة |
|---|---|---|
| ما هو API | فهم واجهات HTTP ونموذج الطلب والاستجابة، التحضير لتكامل الواجهة الخلفية والاختبار المشترك | 🚧 |
| من قاعدة البيانات إلى Supabase | تنفيذ قاعدة البيانات وAPI على Supabase، وربط نموذج البيانات بصفحات الواجهة الأمامية | 🚧 |
| مساعدة النموذج الكبير في كتابة كود الواجهة ووثائق الواجهة | استخدام النموذج الكبير للمساعدة في إنشاء وثائق واجهة وقاعدة بيانات وكود، وتنفيذ واجهة خلفية قابلة للقراءة والاختبار | 🚧 |
| سير عمل Git والنشر على Zeabur | إدارة الكود في سير عمل Git، ونشر التطبيق على Zeabur للإطلاق | 🚧 |
| أدوات تطوير CLI الحديثة | استخدام أدوات برمجة CLI المعتمدة على الذكاء الاصطناعي لتسريع التطوير والتصحيح، وتشكيل سير عمل هندسي شخصي | 🚧 |
| كيفية تكامل stripe وأنظمة الدفع الأخرى | تكامل نظام الدفع، وإكمال رابط الدفع وعملية التسوية الأساسية | 🚧 |
| بناء أول تطبيق حديث - تطبيق شامل | دمج الواجهة الأمامية والخلفية ووحدة الدفع، وإكمال تطبيق ويب شامل قابل للإطلاق | 🚧 |
| مكتبة مكونات الواجهة الأمامية الحديثة + Trae عمليًا | استخدام مكتبة مكونات الواجهة الأمامية الحديثة و Trae، وإكمال منتج بشكل مستقل يدعم التسجيل وتسجيل الدخول والدفع | 🚧 |
ملخص قدرات الذكاء الاصطناعي
| الفصل | المحتوى الرئيسي | الحالة |
|---|---|---|
| مقدمة في Dify وتكامل قاعدة المعرفة | بناء منتجات من فئة الأدوات باستخدام Dify Workflow وRAG الأساسي، كنموذج أولي لترقية التطبيقات اللاحقة | 🚧 |
| تعلم الاستعلام عن قاموس الذكاء الاصطناعي وتكامل API متعدد الوسائط | تعلم كيفية العثور على النماذج وAPI المناسبين، ودمج قدرات الوسائط المتعددة مثل النص والصور في المنتجات | 🚧 |