هل هناك أي دروس أو موارد خصيصًا للمطورين الجدد الذين يتعلمون Vite

***

الوثائق الرسمية Vite ودليل

يوفر موقع Vite الرسمي نقطة انطلاق قوية للمطورين الجدد. يسير الدليل من خلال التثبيت ، والاستخدام الأساسي ، والتكوين ، والتكامل مع الأطر الشعبية. يشرح المفاهيم الأساسية مثل بدء تشغيل خادم التطوير ، واستبدال الوحدة النمطية الساخنة ، وبناء الإنتاج ، ومتغيرات البيئة ، ومعالجة الأصول الثابتة ، واستخدام البرنامج المساعد. يتم تحديث الوثائق بشكل متكرر وتعمل كمرجع موثوق به للأساسيات وكذلك التكوينات المتقدمة.

***

دورات الفيديو والدروس التعليمية

** Masters Masters - تعلم دورة Vite
دورة فيديو مفصلة من قبل الماجستير الأمامية بقيادة خبير في الصناعة تغطي Vite بشكل شامل. يبدأ بالتركيب والإعداد ، والشروع في مواضيع عملية مثل واردات الوحدة النمطية ، والواردات الديناميكية وتقسيم التعليمات البرمجية ، وتصميمها مع وحدات CSS و CSS ، ومعالجة الصور ، ومتغيرات البيئة ، ومعالجة JSON ، وتطوير المكون الإضافي. تتضمن الدورة التدريبات لتوحيد التعلم وتغطي الاستخدامات الواقعية مثل بناء المكونات الإضافية وتحسين التصميم.

تشمل النقاط البارزة الرئيسية:
- بدء تشغيل الخادم الفوري واستبدال الوحدة الساخنة الفعالة
- تكامل مع الأطر مثل React و Vue و Svelte
- تقسيم الكود والواردات الديناميكية
- كيفية إنشاء واستخدام المكونات الإضافية Vite
- تقنيات بناء التحسينات

***

** دورات تحطم يوتيوب
هناك العديد من دورات التصادم الصديقة للمبتدئين على YouTube والتي تركز على البدء بسرعة مع Vite. هذه الغطاء عادة:
- إعداد مشروع Vite جديد باستخدام CLI
- بدء تشغيل خادم تطوير سريع وإعادة تحميل مباشر
- كيفية استخدام متغيرات البيئة للتكوين
- التعامل مع الأصول الثابتة مثل الصور والخطوط
- تكوين وتوسيع Vite مع الإضافات
- بناء حزم جاهزة للإنتاج

توفر مقاطع الفيديو هذه سياقًا مرئيًا ومظاهرات رمز تجعلها مناسبة للمطورين الذين يفضلون التعلم العملي.

***

مقالات وأدلة مكتوبة

** دليل أفضل للمبتدئين إلى Vite.js
تسلط هذه المقالة الضوء على المزايا الأساسية لـ Vite مثل بدء النيران ، واستبدال الوحدة الساخنة ، والتكامل السلس مع أطر مثل Vue و React. ويتضمن تعليمات خطوة بخطوة لإعداد مشروع Vite جديد ، وشرح خيارات CLI ، وسقالات المشروع ، وبدء خادم التطوير. يناقش الدليل أيضًا فوائد استخدام Vite لوحدات ES الأصلية ، ونظام البرنامج المساعد المدمج ، وبنيات الإنتاج القائمة على Rollup.

نقاط التعلم الرئيسية:
- فهم بنية Vite وكيف يختلف عن الحزم التقليدية
- إعداد الفانيليا جافا سكريبت أو مشاريع قائمة على الإطار
- استخدام esbuild للاعتماد قبل التجميع
- تشغيل خادم التطوير على الفور دون انتظار إعادة بناء التطبيق بأكمله
- تخصيص تكوين Vite لبناء الإنتاج

***

** مقدمة مدرسة Vue لـ Vite لمطوري Vue
على وجه التحديد استهداف مطوري VUE الذين قد يكونون على دراية بـ Vue CLI ، يشرح هذا المورد سبب كون Vite الأداة الموصى بها الجديدة لمشاريع VUE 3. ويشمل كيفية تهيئة مشاريع Vue الجديدة مع Vite ، والاختلافات من Vue CLI ، وكيف يعزز Vite تجربة المطورين مع بنيات أسرع ووحدات ES الأصلية. تغطي الدورة:
- خيارات CLI مثل `npm init vite@last` إلى مشاريع السقالات
- باستخدام Vite مع مكونات ملف VUE (SFC)
- التعامل مع CSS والأصول في مشاريع Vite
- تصحيح وتكوين متغيرات البيئة

***

موضوعات المفاتيح المغطاة عبر البرامج التعليمية والموارد

- إعداد المشروع والتهيئة: استخدام `npm إنشاء vite@last` للاطلاع على مشاريع السقالات مع خيارات JavaScript أو TypeScript و Framework Presets مثل React أو Vue أو Svelte.
- خادم التطوير واستبدال الوحدة النمطية الساخنة (HMR): فهم بدء تشغيل خادم Vite Super Server وإعادة تحميلها الفعالة التي تقوم بتحديث الوحدات النمطية دون إعادة تحميل الصفحة كاملة.
- واردات الوحدة النمطية وتقسيم التعليمات البرمجية: كيف يتم استخدام وحدات ES الأصلية للواردات والاستيراد الديناميكي إلى رمز الانقسام. تشمل التمارين تحميلات جافا سكريبت ديناميكيًا عند الطلب.
- التصميم: استيراد CSS ، باستخدام وحدات CSS للأساليب الناطمية ، المعالجات المسبقة ، ومعالجة الأصول مثل الصور والخطوط.
- متغيرات البيئة: إدارة بيئات DEV والإنتاج المختلفة باستخدام ملفات `.env` والوصول إلى المتغيرات عبر` import.meta.env`.
- المكونات الإضافية والتمديد: كيفية استخدام المكونات الإضافية Vite الموجودة وإنشاء ملفات مخصصة لتحويل الملفات أو تمديد الوظائف أثناء مراحل الإنشاء و DEV. ومن الأمثلة على ذلك التحول والتنصيب.
- بناء للإنتاج: التحسينات مع Rollup ، هز الأشجار ، الحزم ، وتحليل حزم.
- الاختبار والتصحيح: التكامل مع أطر الاختبار وتصحيح قضايا إعادة التحميل الساخنة.

***

المجتمع وموارد المصادر المفتوحة

- رهيبة على جيثب: قائمة منسقة من القوالب والمكونات الإضافية والأدلة والأدوات المتصلة بـ Vite والتي يمكن أن تثري التعلم والتطوير.
- منشورات المدونة والدروس التعليمية: يشارك العديد من المطورين تجاربهم ونصائحهم من خلال منشورات المدونة التي توثق كيف يمكن دمج Vite مع مجموعات مختلفة أو مواضيع متقدمة مثل الجهد الصغير واتحاد الوحدة النمطية.

***

ملخص

يمكن للمطورين الجدد الذين يتعلمون Vite الاستفادة من مجموعة واسعة من البرامج التعليمية والموارد بما في ذلك:

- وثائق Vite الرسمية ودليل المعرفة التأسيسية.
- دورات فيديو شاملة مثل دورة Masters Frontend التي تتعمق في الاستخدام العملي والميزات المتقدمة.
-دورات تصادم YouTube الصديقة للمبتدئين للتعلم السريع السريع.
- المقالات والأدلة الموجهة نحو المبتدئين من مدرسة Better Stack و Vue التي تغطي الإعداد ، وسير عمل التنمية ، والتخصيصات المتقدمة.
- الموارد المتقدمة للمجتمع توفر القوالب والمكونات الإضافية والنصائح لتوسيع قدرات Vite.