الأداء عبر تحويل بنكي · المغربتعلَّم · مارِس · أتقِن

الفهرس / البرمجة

مشروع Fullstack: Souk Atlas، سوق إلكترونية من الألف إلى الياء

المشروع الذي يجمع كل شيء: تصميم Souk Atlas وبرمجته واختباره وإطلاقه في الإنتاج، وهو سوق إلكترونية للحرفيين المغاربة — React وواجهة API بـNode.js/Express وPostgreSQL وDocker وGitHub Actions وخادم VPS.

  • من المتوسط إلى المتقدم
  • 12 درسًا
  • 16 س 30 د

تكوين MasterLinux · نص أصلي

ما الذي ستتعلّمه

  • تحويل حاجة العميل إلى قصص مستخدم ونماذج تصميم وبنية معمارية ومستودع Git نظيف
  • نمذجة قاعدة PostgreSQL كاملة (العلاقات، القيود، المبالغ بالسنتيمات، الفهارس) وتطويرها عبر عمليات الترحيل
  • تصميم واجهة REST متّسقة ثم تنفيذها باستخدام Node.js وExpress (عقود JSON، رموز الأخطاء، التحقق، الترقيم)
  • تأمين حسابات المشترين والبائعين (كلمات مرور مُجزّأة، جلسات مخزّنة في القاعدة، ملفات تعريف ارتباط HttpOnly، الأدوار والملكية)
  • حساب سلة المشتريات بالدرهم مع الضريبة على القيمة المضافة والتوصيل، وإنشاء الطلبات داخل معاملات تحمي المخزون
  • بناء الواجهة الأمامية بـReact (المسارات، الكتالوج، السلة بالمُختزِل والسياق، فضاء البائع) وربطها بواجهة API
  • اختبار التطبيق من البداية إلى النهاية والحفاظ على الجودة بالتكامل المستمر عبر GitHub Actions
  • الإطلاق في الإنتاج على خادم VPS باستخدام Docker Compose وnginx وHTTPS ونسخ احتياطية مُختبَرة ومراقبة وقائمة تحقق للإطلاق

برنامج التكوين

12 درسًا · 16 س 30 د
القسم 1 — التصميم3 دروس · 3 س 25 د
  1. مشروع Souk Atlas: الاحتياجات، النماذج الأولية، البنية ومستودع Git معاينة1 س
  2. Modéliser les données : schéma SQL, relations et migrations 1 س 15 د
  3. Concevoir l'API : routes REST, contrats JSON et codes d'erreur 1 س 10 د
القسم 2 — الواجهة الخلفية4 دروس · 5 س 45 د
  1. Squelette de l'API : structure, configuration et serveur 1 س 20 د
  2. Produits et catalogue : CRUD, pagination et recherche 1 س 20 د
  3. Comptes et authentification : inscription, connexion, sessions et rôles 1 س 30 د
  4. Panier et commandes : transactions, statuts et référence de virement 1 س 35 د
القسم 3 — الواجهة الأماميةدرسان · 2 س 55 د
  1. Front React : routes, mise en page et catalogue 1 س 25 د
  2. Front React : panier, commande et espace vendeur 1 س 30 د
القسم 4 — الإطلاق في الإنتاج3 دروس · 4 س 25 د
  1. Tests de bout en bout et qualité 1 س 20 د
  2. Conteneuriser (Dockerfile, Compose avec PostgreSQL) et CI GitHub Actions 1 س 25 د
  3. Déployer en production : VPS, nginx, HTTPS, sauvegardes, supervision et checklist de lancement 1 س 40 د

المتطلبات

  • دورة «تطوير الويب: HTML وCSS وJavaScript» أو مستوى مماثل
  • دورة «Node.js» (خادم HTTP، Express، الوحدات) أو ممارسة مماثلة
  • دورة «React» (المكوّنات، الحالة، التأثيرات) أو ممارسة مماثلة
  • دورة «SQL» (SELECT، الربط، إنشاء الجداول) أو ممارسة مماثلة
  • مفيد للمستوى 4: دورتا «Docker» و«CI/CD»

لمن هذا التكوين؟

  • المطوّرون الذين يعرفون كل لبنة على حدة ويريدون أخيرًا تسليم تطبيق كامل
  • الطلبة (BTS، DUT، الإجازة، مدارس المهندسين) الذين يُعدّون مشروع نهاية الدراسة أو ملف أعمال متينًا
  • المستقلون الذين يريدون عرض متاجر وأسواق إلكترونية حسب الطلب على التجار المغاربة
  • المطوّرون في طور إعادة التوجيه المهني الذين يستعدون لمقابلة عمل كمطوّر fullstack