جدول المحتويات
I. إعداد بيئة التطوير
- اختر محرر الشيفرة: VS Code أو WebStorm
- قم بتثبيت MongoDB وMongoDB Compass
- قم بتثبيت Node وExpress
- قم بتثبيت NPM / Yarn / Vite
- ابدأ باستخدام Git
II. أول نقطة نهاية API
- ما هي الـ API؟
- ما هي الـ REST API؟
- أول نقطة نهاية بلغة Node
- ما هو Node.js؟
- ما الذي ليس Node.js؟
- ما هو Express؟
- أنشئ أول نقطة نهاية لك
III. أول مكوّن في الواجهة الأمامية
- ما هو React؟
- الفرق بين React وVue وAngular وSvelte وغيرها
- ما هي NPM وYarn وVite؟
- لماذا يبدو النظام فوضويًا؟
- TypeScript مقابل JavaScript: (.tsx، .ts، .js، .jsx)
- أنشئ أول مكوّن لك
IV. الانتقال إلى وضع فل ستاك
- إعداد مستودعات GitHub الخاصة بنا
- أنشئ مستودعًا للواجهة الأمامية وآخر للخلفية
- قم بإنشاء وإضافة ورفع ملف README.md
- لماذا التوثيق مهم (README.md وملفات .md)
«الكود مثل الشعر — يجب أن يكون قابلاً للقراءة والفهم، وأن يكون جميلاً أيضًا.»
- الفل ستاك لا يتعلق فقط بالتقنيات
- من يهتم بالإدارة؟
- ما هو مدير المشروع (PM) / مالك المنتج (PO)؟
- ما هي منهجيات أجايل ولماذا؟ (البيان الأجايل، سكرم، كانبان، سكربان)
- الاتصال هو المفتاح (Slack، MS Teams، البريد الإلكتروني، Boards)
- Trello مقابل Jira
- أنشئ أول التذاكر الخاصة بك
- العمل الجماعي
- العمل على تذكرتك الخاصة
V. مرحبًا بك في مجرّة الفل ستاك!
1. أنشئ مهمتك الكاملة في الفل ستاك
- الجزء الخلفي (Backend)
- الجزء الأمامي (Frontend)
- استكشاف Postman
2. ادفع، وادفع، وادفع!
- ما هي الفروع (Branches) ولماذا نحتاجها؟
- استراتيجيات الفروع
- أنشئ فرعًا جديدًا وادفع الكود
- ما هي Pull Request أو Merge Request؟
- دمج طلب السحب (PR)
- ما الذي لا يجب رفعه؟
3. لحظة الحقيقة!
- نشر المشروع إلى الإنتاج
- دع العالم يراه
- مقدمو الخدمات السحابية (AWS، GCP، Azure، VPS...)
- Netlify، Vercel، Render
- عملية النشر
- ما هو CI/CD وDevOps؟
- ما هو Docker وDocker Compose وKubernetes؟
- استكشاف Vercel وRender
- نشر الواجهة الأمامية على Vercel (عبر GitHub)
- نشر الواجهة الخلفية على Render (عبر GitHub)
VI. المهارات التي تصنع الفارق
- المراقبة (Monitoring)
- تسجيل الأخطاء (Logging)
- تصحيح الأخطاء (Debugging)
- الاختبارات
- من يجب أن يختبر؟
- اختبارات الوحدات
- الاختبارات الوظيفية
- اختبارات التكامل
- اختبارات E2E وعالم الاختبارات اللامتناهي
- التخزين المؤقت (Caching)
VII. الذكاء الاصطناعي وتطوير البرمجيات
- هل سيأخذ الذكاء الاصطناعي وظيفتي؟
- هل يجب أن أستخدم الذكاء الاصطناعي كمطوّر؟
- ما هو Vibe Coding؟
- الذكاء الاصطناعي التفاعلي مقابل وكلاء الكود: ChatGPT، Replit، Cursor، Bolt، Lovable، Devin
VIII. ماذا بعد؟
- استمر في تطوير مهاراتك
- فكر في مستقبلك المهني
- فكر في أن تصبح مختصا في علوم الحاسوب وليس مستخدما فقط