دورة تطوير الواجهات الحديثة باستخدام Vue.js و Pinia
دورة متقدمة وتطبيقية (24 ساعة تدريبية) لبناء تطبيقات الواجهة أحادية الصفحة (SPA) بأسلوب التركيب الحديث (Composition API)، وإدارة التوجيه بـ Vue Router والحالة المركزية بـ Pinia والمصادقة.
نظرة عامة عن البرنامج
تركز هذه الدورة على احتراف إطار العمل التقدمي Vue.js 3. يتعلم المتدرب التفكير القائم على المكونات (Component-Driven Architecture)، واستخدام Composition API، وبناء المسارات المتشعبة وحمايتها عبر Vue Router، وإدارة الحالة العامة المشتركة عبر Pinia، وتصميم النماذج والتحقق من صحتها، واستهلاك الواجهات البرمجية بطبقة خدمات معزولة، والتعامل مع تسجيل الدخول والمصادقة وإدارة الجلسات والصلاحيات، وتحسين أداء التطبيق وتحميله الكسول ونشره.
ماذا ستتعلم في هذا البرنامج؟
الخطة التدريبية والمنهاج
منهج تطبيقي متدرج يجمع بين فهم الأسس العميقة وتطبيق أحدث المعايير البرمجية مع أدوات الذكاء الاصطناعي.
التفكير القائم على المكونات، بيئة عمل Vite، وأساسيات Vue.js 3 بـ Composition API
- مدخل إلى Vue.js 3 وإعداد بيئة التطوير فائقة السرعة بـ Vite.
- فهم بنية المكونات الأحادية (Single File Components - SFC).
- نظام التفاعلية الأساسي (Reactivity Core): التعامل مع ref و reactive.
- التوجيهات الأساسية (v-if, v-for, v-model, v-bind) والخصائص المحسوبة (computed) والمراقبين (watchers).
معمارية المكونات المتقدمة، تمرير البيانات (Props & Emits)، ودوال التركيب Composables
- تصميم المكونات المعيارية وإعادة استخدامها، والتحقق من الخصائص (Props Validation).
- التواصل بين المكونات الأب والابن والأحداث المخصصة (Custom Emits).
- استخدام الفتحات العادية والمحددة النطاق (Slots & Scoped Slots) لمرونة التصميم.
- بناء دوال التركيب المخصصة (Custom Composables) لمشاركة منطق الأعمال عبر التطبيق.
إدارة التنقل وحماية المسارات بـ Vue Router وإدارة الحالة المركزية بـ Pinia
- إعداد وتكوين مسارات التطبيق وتمرير المعلمات الديناميكية (Route Params & Query).
- حراس المسارات (Navigation Guards) لحماية لوحات التحكم والصفحات المحمية.
- بناء وإعداد متجر الحالة المركزي بـ Pinia وفهم State و Getters و Actions.
- مزامنة البيانات بين المتجر والتخزين المحلي (LocalStorage Persistence).
تكامل REST APIs، المصادقة وتخزين التوكن، وبناء ونشر مشروع SPA متكامل
- بناء طبقة اتصالات HTTP موحدة بـ Axios وتضمين المعترضات (Interceptors).
- إدارة جلسة تسجيل الدخول وتخزين توكن المصادقة (JWT Token Management) وحالات التحميل.
- التحميل الكسول للمكونات (Lazy Loading & Code Splitting) لتحسين الأداء وسرعة التحميل.
- بناء مشروع SPA تفاعلي كامل ونشره على منصات الاستضافة السحابية الحديثة برابط مباشر.
لمن صُمم هذا البرنامج؟
مدربو وموجهو البرنامج
م. معاذ أبو عودة
مستشار برمجيات ومدرب رئيسي في هندسة الويب والـ AI
مهندس برمجيات ومستشار تقني ذو خبرة تزيد عن 9 سنوات في بناء منصات الويب المعقدة والمعمارية النظيفة (Clean Architecture). قاد وأشرف على تطوير العديد من المشروعات والأنظمة الرقمية الكبرى، ومتحمس لنقل المعرفة التقنية المعاصرة وتدريب الكفاءات الشابة على أحدث تقنيات Vue 3 و Nuxt و Laravel وأدوات الذكاء الاصطناعي. من أهم أعماله منصة العمل الحر وريادة الأعمال netloopers، وهو مدرب معتمد حاصل على شهادة المزاولة في تدريب الويب.