البرنامج JavaScript / TypeScript Node · Express · MongoDB React · Vite Git · CI/CD · DevOps

مطوّر منتجات فل ستاك

تلخص هذه الصفحة برنامجنا التدريبي مطوّر منتجات فل ستاك — الدروس والعناصر التي ستتقنها في نهاية الدورة.

جدول المحتويات

I. إعداد بيئة التطوير

II. أول نقطة نهاية API

  1. ما هي الـ API؟
  2. ما هي الـ REST API؟
  3. أول نقطة نهاية بلغة Node
    1. ما هو Node.js؟
    2. ما الذي ليس Node.js؟
    3. ما هو Express؟
    4. أنشئ أول نقطة نهاية لك

III. أول مكوّن في الواجهة الأمامية

  1. ما هو React؟
  2. الفرق بين React وVue وAngular وSvelte وغيرها
  3. ما هي NPM وYarn وVite؟
  4. لماذا يبدو النظام فوضويًا؟
  5. TypeScript مقابل JavaScript: (.tsx، .ts، .js، .jsx)
  6. أنشئ أول مكوّن لك

IV. الانتقال إلى وضع فل ستاك

  1. إعداد مستودعات GitHub الخاصة بنا
    1. أنشئ مستودعًا للواجهة الأمامية وآخر للخلفية
    2. قم بإنشاء وإضافة ورفع ملف README.md
    3. لماذا التوثيق مهم (README.md وملفات .md)
    «الكود مثل الشعر — يجب أن يكون قابلاً للقراءة والفهم، وأن يكون جميلاً أيضًا.»
  2. الفل ستاك لا يتعلق فقط بالتقنيات
    1. من يهتم بالإدارة؟
    2. ما هو مدير المشروع (PM) / مالك المنتج (PO)؟
    3. ما هي منهجيات أجايل ولماذا؟ (البيان الأجايل، سكرم، كانبان، سكربان)
    4. الاتصال هو المفتاح (Slack، MS Teams، البريد الإلكتروني، Boards)
    5. Trello مقابل Jira
    6. أنشئ أول التذاكر الخاصة بك
    7. العمل الجماعي
    8. العمل على تذكرتك الخاصة

V. مرحبًا بك في مجرّة الفل ستاك!

1. أنشئ مهمتك الكاملة في الفل ستاك

  1. الجزء الخلفي (Backend)
  2. الجزء الأمامي (Frontend)
  3. استكشاف Postman

2. ادفع، وادفع، وادفع!

  1. ما هي الفروع (Branches) ولماذا نحتاجها؟
  2. استراتيجيات الفروع
  3. أنشئ فرعًا جديدًا وادفع الكود
  4. ما هي Pull Request أو Merge Request؟
  5. دمج طلب السحب (PR)
  6. ما الذي لا يجب رفعه؟

3. لحظة الحقيقة!

  1. نشر المشروع إلى الإنتاج
  2. دع العالم يراه
  3. مقدمو الخدمات السحابية (AWS، GCP، Azure، VPS...)
  4. Netlify، Vercel، Render
  5. عملية النشر
    • ما هو CI/CD وDevOps؟
    • ما هو Docker وDocker Compose وKubernetes؟
    • استكشاف Vercel وRender
    • نشر الواجهة الأمامية على Vercel (عبر GitHub)
    • نشر الواجهة الخلفية على Render (عبر GitHub)

VI. المهارات التي تصنع الفارق

  1. المراقبة (Monitoring)
  2. تسجيل الأخطاء (Logging)
  3. تصحيح الأخطاء (Debugging)
  4. الاختبارات
    1. من يجب أن يختبر؟
    2. اختبارات الوحدات
    3. الاختبارات الوظيفية
    4. اختبارات التكامل
    5. اختبارات E2E وعالم الاختبارات اللامتناهي
  5. التخزين المؤقت (Caching)

VII. الذكاء الاصطناعي وتطوير البرمجيات

  1. هل سيأخذ الذكاء الاصطناعي وظيفتي؟
  2. هل يجب أن أستخدم الذكاء الاصطناعي كمطوّر؟
  3. ما هو Vibe Coding؟
  4. الذكاء الاصطناعي التفاعلي مقابل وكلاء الكود: ChatGPT، Replit، Cursor، Bolt، Lovable، Devin

VIII. ماذا بعد؟

  1. استمر في تطوير مهاراتك
  2. فكر في مستقبلك المهني
  3. فكر في أن تصبح مختصا في علوم الحاسوب وليس مستخدما فقط
قدّم لهذا البرنامج ← العودة إلى البرامج