Vue.js: إطار العمل التدريجي لبناء واجهات المستخدم الحقيقية
Vue.js هو إطار العمل JavaScript التدريجي المصمم لبناء واجهات مستخدم موجهة نحو المكونات — من عنصر واجهة تفاعلي واحد مدمج في صفحة موجودة إلى تطبيق معروض من جانب الخادم بالكامل باستخدام Nuxt. يجعل Composition API وإدارة التفاعلية الدقيقة والدعم الأول للفئة TypeScript اختيارًا عمليًا للمشاريع الجديدة والفرق التي تنتقل بعيدًا عن الواجهات الأمامية الأقدم. تغطي هذه المسار Vue 3 بشكل شامل، من بناء الجملة في القوالب إلى النشر في الإنتاج.
ما ستتعلمه
ستعمل من خلال Composition API وبناء جملة script setup، وتوجيهات Vue، والخصائص المحسوبة، وأساسيات التفاعلية. تغطي المسار التواصل بين المكونات، والفتحات، وprovide/inject، والمركبات للمنطق المشترك. ستدير حالة التطبيق باستخدام Pinia و Vuex، وتتعامل مع التوجيه باستخدام Vue Router بما في ذلك الأنماط المتقدمة، وتتحقق من صحة النماذج، وتستهلك APIs الباقية إلى جانب البيانات في الوقت الفعلي عبر WebSockets. تتناول الدورات اللاحقة دمج TypeScript والعولمة والعرض التوضيحي Storybook والاختبار باستخدام Vitest وتحسين الأداء والعرض من جانب الخادم باستخدام Nuxt 3 و GraphQL مع Apollo وتطبيقات الويب التقدمية وممارسات أمان Vue.
مسار التعلم
تمتد اثنتان وأربعون دورة من A1 إلى C1. تؤسس دورات A1 و A2 Vue CLI وبناء جملة القوالب والربط بالبيانات والتوجيهات والنماذج وأساسيات المكونات. تبني دورات B1 النظام البيئي الكامل: خطافات دورة الحياة والانتقالات و Pinia و Vuex و Vue Router و TypeScript و i18n والبيانات غير المتزامنة. يرفع B2 المستوى مع العرض من جانب الخادم عبر Nuxt 3 و GraphQL و WebSockets واختبار المكونات ودوال العرض و PWA ونشر مكتبة مكونات. تتناول دورات C1 النهائية معمارية micro-frontend وأنماط Composition API المتقدمة و SSR streaming مع Suspense وأداء Vue على نطاق واسع وتطبيق كامل المكدس المبني باستخدام Fastify والمصادقة.
كيفية عمله
تنقسم كل دورة إلى دروس قصيرة ومركزة تكملها في محرر الأكواد المدمج مع تعليقات فورية. متوفر مدرس ذكاء اصطناعي عند حاجتك إلى المساعدة، حتى تتمكن من المتابعة من خلال تمارين بناء الجملة وتحديات المكونات ومشاكل العمارة بالسرعة التي تناسبك دون مغادرة التطبيق.