الإنتقال للتصميم الجديد

دورة برمجة صفحات الويب باستخدام Vue.js

دورة برمجة صفحات الويب باستخدام Vue.js

الوصف

ماهي VueJs؟

vue.js هي بيئة عمل لبناء واجهات تفاعلية للمستخدمين مبنية على لغة JavaScript على مواقع الإنترنت تركز بشكل كبير على طبقة الواجهات بحيث تقدم مرونة عالية في التطوير والتخصيص لتدعم جميع أنواع الشاشات المتاحة

لماذا VueJS؟

  • المرونة العالية والتي تجعل منها قادرة على بناء تطبيقات ويب ذات الصفحة الواحدة SPA سواء كانت ضخمة أو صغيرة.
  • سرعة وسهولة في التطوير لوجود عدد من المكونات المعدة مسبقا بها
  • دعم قوي تتميز به المكتبة من ناحية التحديثات المستمرة و وجود مجتمع كبير خلفها
  • تم تطويرها لتصبح فريدة من نوعها وتتفادى المشاكل التي قد تحدث لدى مكتبات أخرى
  • الحجم الصغير للملفات الناتجة عن التطوير بها

ماذا سنتعلم في هذه الدورة؟

  • الجمل الشرطية conditions
  • التكرار Loops
  • التعامل مع البيانات وربطها Data binding
  • استخدام المتغيرات و انشائها Variables
  • استخدام العناصر المعدة مسبقا Components
  • التعامل مع أحداث المستخدم User Events
  • I18N لتعدد اللغات
  • التعامل مع Vuex
  • التحقق من صحة البيانات Validation
  • واجهة التكوين Composition API
  • الموجهات Vue Router لبناء صفحات متعددة
  • التواصل مع واجهات برمجية خارجية APIs
  • مشروع إنشاء صفحة متجر

المدرب

المشاريع

  • free API

    بعد إكمال دورة الـ vue js وكذلك دورة لارفل API سويت هذا المشروع لتطبيق أغلب المفاهيم الي درستها في الدورتين بديت بإنشاء API لارفل لتسجيل مستخدم ونشر صور وحذفها وشرحت طريقة الربط وتجربة هذا API عن طريق صفحات بنيتها بـ vue.js ملاحظة : لحد يدقق على اللغة :)

    بواسطة: Azooz77758

الأقسام

مقدمة الدورة وتجهيز البيئة المحلية

سنتطرق في هذا القسم لكيفية تجهيز البيئة المحلية للتطوير باستخدام Vuejs والتعرف على هذه الدورة

الأساسيات

في هذا القسم سنبدأ بتعلم الأساسيات للتعامل مع vuejs

المكونات Components

في هذا القسم سنقوم بالتعرف على vue components وهي الأجزاء الصغيرة التي نقوم بإنشائها لغاية تسهيل العمل واعادة الاستخدام والتطوير المستمر

مشروع إنشاء المكونات والتحقق من البيانات

في هذا القسم سنقوم بتطبيق مشروع يجمع مابين components وكيفية إقامة عمليات التحقق من البيانات

مشروع إنشاء صفحة عرض منتجات

في هذا القسم سوف نتطرق لكيفية إنشاء صفحة تعرض المنتجات وكيف يتم الاتصال بـ APIs

التكوين Composition API

في الدروس التالي سنتعرف على Composition API وكيف يتم التعامل معها من أجل فصل المنطق البرمجي وإعادة استخدامه في المشاريع الخاصة بنا

الموجهات Vue Router

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

نمط إدارة البيانات Vuex

سنتعلم في الدروس القادمة نمط تصميم Design Pattern خاص بمكتبة vuex التي تتيح لنا التحكم بشكل عمومي للبيانات داخل التطبيقات

دعم تعدد اللغات vue-i18n

سنتعلم بالدروس القادمة كيفية دعم تعدد اللغات في تطبيقات vuejs

مشروع متكامل لبناء تطبيق مع API

في الدروس التالية سنقوم ببناء مشروع متكامل مع مكتباته والتواصل مع API خارجية وتعلم بعض الممارسات البرمجية الهامة

عينة من الدروس المجانية

دورات يوصى بها

المسارات