Learn Vuejs 3 Options API In Arabic 2023
Description
هذا الكورس الشامل لتعلم Vue.js باللغة العربية مصمم خصيصاً للمطورين الذين يرغبون في إتقان إطار عمل Vue.js من البداية إلى النهاية. Vue.js هو إطار عمل JavaScript حديث وسهل التعلم، يستخدم لبناء واجهات المستخدم التفاعلية وتطبيقات الويب أحادية الصفحة (SPA). يتميز Vue.js بمرونته وسهولة دمجه مع المشاريع الحالية، مما يجعله خياراً مثالياً للمبتدئين والمحترفين على حد سواء.
يبدأ الكورس بمقدمة تعريفية عن Vue.js، حيث يتم شرح المفاهيم الأساسية وأهمية استخدام هذا الإطار في تطوير التطبيقات الحديثة. ثم ينتقل إلى التثبيت وإعداد البيئة التطويرية، مما يضمن أن المتعلمين لديهم كل الأدوات اللازمة للبدء. يتم تغطية ربط البيانات (Data Binding) بشكل مفصل، مع أمثلة عملية على الربط أحادي وثنائي الاتجاه، مما يسمح بإنشاء تطبيقات تفاعلية بسلاسة.
بعد ذلك، يتم التعمق في الأحداث (Events) ووسائل التعديل عليها (Modifiers)، وكذلك الأحداث الخاصة بلوحة المفاتيح. يتم شرح الطرق (Methods) والخواص المحسوبة (Computed Properties) وكيفية استخدامها لتحسين أداء التطبيقات. أيضاً، يتم تناول التكرار (Looping) باستخدام V-For والشروط باستخدام V-If و V-Show، مما يمكن من عرض البيانات الديناميكية بفعالية.
مع تقدم الكورس، يتم تقديم المكونات (Components) كمفهوم أساسي في Vue.js، حيث يتم شرح كيفية إنشاء وإدارة المكونات، واستخدام Vue-CLI لتهيئة المشاريع وإدارتها. يتم تغطية دورة حياة المكونات (Lifecycle Hooks)، والخواص (Props)، والأحداث المخصصة (Custom Events)، مما يعزز modularity وإعادة استخدام الكود.
أحد الأجزاء الرئيسية في الكورس هو Vue Router، حيث يتم شرح كيفية إدارة المسارات في تطبيقات SPA، بما في ذلك إنشاء المسارات الثابتة والديناميكية، ومعالجة الاستعلامات (Queries)، والمسارات المتداخلة (Nested Routes). يتم أيضاً تغطية وظائف التوجيه مثل push و go و replace، و如何使用 beforeEach و afterEach للتحكم في التنقل.
أخيراً، يشمل الكورس مواضيع متقدمة مثل المراقبين (Watchers) لمراقبة التغيرات في البيانات، وتوفير الحقن (Provide & Inject) لتمرير البيانات بين المكونات بدون استخدام props، وناقل الأحداث (Event Bus) للتواصل بين المكونات غير المرتبطة مباشرة. هذه المواضيع تمكن من بناء تطبيقات معقدة وقابلة للصيانة.
أهم النقاط التي يتناولها هذا الكورس:
- مقدمة إلى Vue.js وأساسيات التثبيت
- ربط البيانات والأحداث ووسائل التعديل
- الطرق والخواص المحسوبة والتكرار والشروط
- المكونات ودورة حياتها في Vue.js
- استخدام Vue-CLI لإدارة المشاريع
- Vue Router للتوجيه في التطبيقات أحادية الصفحة
- مواضيع متقدمة مثل المراقبين والحقن وناقل الأحداث
يبدأ الكورس بمقدمة تعريفية عن Vue.js، حيث يتم شرح المفاهيم الأساسية وأهمية استخدام هذا الإطار في تطوير التطبيقات الحديثة. ثم ينتقل إلى التثبيت وإعداد البيئة التطويرية، مما يضمن أن المتعلمين لديهم كل الأدوات اللازمة للبدء. يتم تغطية ربط البيانات (Data Binding) بشكل مفصل، مع أمثلة عملية على الربط أحادي وثنائي الاتجاه، مما يسمح بإنشاء تطبيقات تفاعلية بسلاسة.
بعد ذلك، يتم التعمق في الأحداث (Events) ووسائل التعديل عليها (Modifiers)، وكذلك الأحداث الخاصة بلوحة المفاتيح. يتم شرح الطرق (Methods) والخواص المحسوبة (Computed Properties) وكيفية استخدامها لتحسين أداء التطبيقات. أيضاً، يتم تناول التكرار (Looping) باستخدام V-For والشروط باستخدام V-If و V-Show، مما يمكن من عرض البيانات الديناميكية بفعالية.
مع تقدم الكورس، يتم تقديم المكونات (Components) كمفهوم أساسي في Vue.js، حيث يتم شرح كيفية إنشاء وإدارة المكونات، واستخدام Vue-CLI لتهيئة المشاريع وإدارتها. يتم تغطية دورة حياة المكونات (Lifecycle Hooks)، والخواص (Props)، والأحداث المخصصة (Custom Events)، مما يعزز modularity وإعادة استخدام الكود.
أحد الأجزاء الرئيسية في الكورس هو Vue Router، حيث يتم شرح كيفية إدارة المسارات في تطبيقات SPA، بما في ذلك إنشاء المسارات الثابتة والديناميكية، ومعالجة الاستعلامات (Queries)، والمسارات المتداخلة (Nested Routes). يتم أيضاً تغطية وظائف التوجيه مثل push و go و replace، و如何使用 beforeEach و afterEach للتحكم في التنقل.
أخيراً، يشمل الكورس مواضيع متقدمة مثل المراقبين (Watchers) لمراقبة التغيرات في البيانات، وتوفير الحقن (Provide & Inject) لتمرير البيانات بين المكونات بدون استخدام props، وناقل الأحداث (Event Bus) للتواصل بين المكونات غير المرتبطة مباشرة. هذه المواضيع تمكن من بناء تطبيقات معقدة وقابلة للصيانة.
أهم النقاط التي يتناولها هذا الكورس:
- مقدمة إلى Vue.js وأساسيات التثبيت
- ربط البيانات والأحداث ووسائل التعديل
- الطرق والخواص المحسوبة والتكرار والشروط
- المكونات ودورة حياتها في Vue.js
- استخدام Vue-CLI لإدارة المشاريع
- Vue Router للتوجيه في التطبيقات أحادية الصفحة
- مواضيع متقدمة مثل المراقبين والحقن وناقل الأحداث
0
58
09:28:04
2023-03-07
0
0
58/0 100/0
مقدمة وأساسيات Vue.js
المكونات و Vue-CLI
Vue Router
مواضيع متقدمة
