تطوير الويب المتكامل Full Stack
تعلّم بناء تطبيقات ويب متكاملة باستخدام React وNode.js وExpress وMongoDB، ضمن برنامج عملي يربط بين الواجهة الأمامية والخلفية ويستخدم أساليب حديثة تدعم سرعة التطوير وتنظيم العمل....
نظرة عامة على الدورة
برنامج تطوير الويب المتكامل Full Stack مخصص للطلاب الذين يريدون فهم كيفية بناء تطبيقات الويب الحديثة بشكل شامل، من الواجهة التي يراها المستخدم إلى الجزء الخلفي الذي يدير البيانات والمنطق الداخلي للتطبيق.
يعتمد البرنامج على تعليم عملي يجمع بين الشرح، التطبيق، المشاريع، والربط بين أجزاء النظام المختلفة. كما يدمج أساليب عمل حديثة وأدوات ذكية تساعد على تحسين سير التطوير، تنظيم بعض المهام، وتسريع أجزاء من workflow، مع بقاء التركيز الأساسي على الفهم العميق للتقنيات وربطها داخل مشروع متكامل.
منهج الدورة
-
مقدمة لـ Express.js وإعداده0:22:00
-
المسارات Routes: GET وPOST وPUT وDELETE0:35:00
-
Middleware: مفهومه وتطبيقاته0:30:00
-
معالجة البيانات: req.body وreq.params وreq.query0:28:00
-
معالجة الأخطاء في Express0:25:00
-
تنظيم المشروع: Controllers وRoutes0:30:00
-
رفع الملفات File Upload0:30:00
-
CORS وأمان API0:22:00
-
مقدمة لقواعد البيانات NoSQL0:20:00
-
تثبيت MongoDB وMongoose0:22:00
-
الـ Schema والـ Model0:30:00
-
CRUD: إنشاء وقراءة وتحديث وحذف0:45:00
-
الاستعلامات المتقدمة: Filter وSort وPagination0:35:00
-
العلاقات بين الوثائق: Populate0:30:00
-
Validation في Mongoose0:25:00
-
تمرين: بناء API لإدارة المنتجات0:55:00
-
مفاهيم المصادقة: Session vs Token0:20:00
-
تشفير كلمات المرور مع bcrypt0:25:00
-
JWT: توليد والتحقق من الرمز0:35:00
-
تسجيل المستخدم وتسجيل الدخول0:40:00
-
حماية المسارات Protected Routes0:30:00
-
إدارة الأدوار Roles والصلاحيات0:30:00
-
تحديث كلمة المرور ونسيانها0:28:00
-
ربط المصادقة بالواجهة الأمامية0:40:00
المتطلبات
-
لا يشترط خبرة متقدمة، لكن يفضّل وجود اهتمام بالتقنية
-
معرفة أساسية باستخدام الكمبيوتر والإنترنت
-
استعداد للتعلم التدريجي في أكثر من جانب تقني
-
الالتزام بالتطبيق العملي خلال البرنامج
التقنيات والأدوات
-
HTML5
-
CSS3
-
JavaScript
-
React
-
Node.js
-
Express.js
-
MongoDB
-
REST APIs
-
Authentication
-
Git / GitHub
-
Deployment Basics
ماذا ستتعلم؟
-
فهم العلاقة بين Front-End وBack-End داخل مشروع واحد
-
بناء واجهات حديثة وربطها بخدمات خلفية
-
إنشاء APIs والتعامل مع البيانات
-
تنظيم مشروع Full Stack بشكل عملي
-
تطوير workflow أسرع وأكثر كفاءة باستخدام أساليب حديثة
-
بناء أساس قوي للانطلاق في مسار Full Stack
الأسئلة الشائعة
نعم، لكنه يحتاج التزامًا بالتعلّم التدريجي والتطبيق المستمر.
نعم، البرنامج يغطي الجانبين ضمن مسار متكامل.
نعم، كلاهما جزء أساسي من هذا البرنامج.
نعم، يتضمن البرنامج مشروع Full Stack متكامل.
