الانطلاق بخطواتك الأولى مع Vue.js
Vue.js هو إطار عمل على الويب تدريجي يتيح للمطورين إمكانية البدء بسرعة، مع إضافة علامة script
. ومع ذلك، يمكن أيضًا أن ينمو Vue.js معك، ويمكن استخدامه لإنشاء تطبيقات كبيرة وقابلة للتطوير.
خلال مسار التعلم هذا، سوف تتمكن مما يلي:
- تكتشف المفاهيم الأساسية حول Vue.js.
- تتدرب على عرض القوائم والبيانات الشرطية.
- تعمل مع النماذج والأحداث.
- تنشئ مكونات باستخدام Vue CLI.
المتطلبات الأساسية
HTML/CSS وGit وnpm وJavaScript
إضافة
رمز الإنجاز
هل ترغب في طلب رمز إنجاز؟
الوحدات النمطية في مسار التعلم هذا
يُعد Vue.js إطار عمل الويب التدريجي الذي يسمح للمطورين بإدارة المهام والتشغيل بشكل أسرع، بمجرد إضافة علامة البرنامج النصي. ولكن يتمكن Vue.js أيضاً من التوسع في المهام معك. يمكنك استخدامه لإنشاء تطبيقات كبيرة قابلة للتوسع. في هذه الوحدة النمطية، سوف تتعرف على المفاهيم الأساسية لـ Vue.js وكيفية بدء الاستخدام.
إن أحد أهداف أي إطار عمل للويب هو تحديث العرض استناداً إلى قيم البيانات. تقدم هذه الوحدة النمطية كيفية جعل صفحتك ديناميكية استناداً إلى تلك القيم وكيفية عرض قوائم المعلومات.
عادةً ما تسمح تطبيقات الويب الديناميكية للمستخدمين بالتفاعل مع الصفحة والبيانات. في هذه الوحدة النمطية، ستتعرف على كيفية إضافة نماذج إلى صفحة Vue.js والاستجابة لأحداث المستخدم. ستعرف أيضاً كيفية إضافة قيم محسوبة والتي يمكن حسابها استناداً إلى تحديثات البيانات.
على الرغم من إمكانية إنشاء تطبيقات Vue.js من خلال استخدام JavaScript فقط، يحتاج المطورون المزيد من الصلاحيات والمرونة. عند استخدام Vue CLI ومكونات الملف الواحد، يمكنك استخدام المزيد من الأدوات الفعالة لتحسين تجربة التطوير. سنتعرف على كيفية استخدام Vue CLI لتمهيد أحد التطبيقات، وكيفية إنشاء مكونات قابلة لإعادة الاستخدام في Vue.