• تسلط عمیق بر Composition API: با یادگیری چگونگی استفاده از ref، reactive، computed، watch و Hooks سفارشی، کدی تمیزتر، قابل استفاده مجدد و مقیاس‌پذیر بنویسید. این بخش هسته اصلی دوره است و به شما کمک می‌کند تا از مزایای کامل این الگوی جدید بهره‌مند شوید.
• مدیریت وضعیت با Pinia: با جدیدترین و بهترین کتابخانه مدیریت وضعیت برای Vue، یعنی Pinia، آشنا شوید. Pinia جایگزینی سبک‌تر و قوی‌تر برای Vuex است که کار با آن بسیار ساده‌تر و شهودی‌تر است. یاد می‌گیرید چگونه داده‌ها را در سطح اپلیکیشن مدیریت کنید و آن‌ها را بین کامپوننت‌ها به اشتراک بگذارید.
• ادغام با Firebase 9: نحوه اتصال اپلیکیشن‌های Vue خود را به سرویس‌های بک‌اند قدرتمند Firebase، از جمله احراز هویت (Authentication) برای مدیریت کاربران و Firestore (پایگاه داده NoSQL) برای ذخیره‌سازی و بازیابی داده‌ها، فرا خواهید گرفت. این مهارت شما را قادر می‌سازد تا اپلیکیشن‌های Full-Stack بسازید.
• توسعه سریع با Vite: با ابزار ساخت و بسته‌بندی Vite آشنا می‌شوید که تجربه توسعه را با Hot Module Replacement (HMR) فوق‌العاده سریع و بهینه‌سازی‌های خودکار به سطحی جدید می‌برد. Vite زمان راه‌اندازی پروژه و بارگذاری مجدد را به حداقل می‌رساند و بهره‌وری شما را افزایش می‌دهد.
• ساخت پروژه‌های واقعی و کاربردی: در طول دوره، با ساخت چندین پروژه عملی، دانش نظری خود را به مهارت‌های کاربردی تبدیل خواهید کرد. این پروژه‌ها شامل ساخت یک سیستم احراز هویت، یک اپلیکیشن مدیریت وظایف با Firestore و یک بلاگ ساده خواهد بود که تمامی آن‌ها به صورت عملی پیاده‌سازی می‌شوند.
• بهترین شیوه‌ها و الگوهای طراحی: با اصول مهندسی نرم‌افزار، سازماندهی کد، الگوهای طراحی و بهترین شیوه‌های توسعه در Vue 3 آشنا می‌شوید تا کدی قابل نگهداری، مقیاس‌پذیر و آماده برای تیم‌های بزرگتر بنویسید.

• جامعیت و به‌روز بودن: این دوره تمامی جنبه‌های اصلی Vue.js 3 و اکوسیستم آن را با تمرکز بر جدیدترین و پرکاربردترین ابزارها پوشش می‌دهد. شما با تکنولوژی‌هایی آشنا می‌شوید که همین امروز در صنعت مورد نیاز هستند و به سرعت می‌توانید آن‌ها را به کار گیرید.
• آموزش پروژه-محور: یادگیری مؤثر از طریق انجام دادن است. ما تئوری را با مثال‌های عملی و ساخت پروژه‌های واقعی ترکیب می‌کنیم تا اطمینان حاصل شود که شما می‌توانید آنچه را که یاد می‌گیرید، بلافاصله به کار ببرید و نمونه کارهای قدرتمندی برای خود ایجاد کنید.
• تخصص در Composition API: این دوره بر روی Composition API تمرکز ویژه‌ای دارد که آینده توسعه Vue را رقم می‌زند. با تسلط بر آن، کدنویسی شما منعطف‌تر و قدرتمندتر خواهد شد و قابلیت‌های بیشتری برای مدیریت منطق پیچیده خواهید داشت.
• ارتقای مهارت و فرصت‌های شغلی: با دانش کسب‌شده از این دوره، شما به یک کاندیدای جذاب‌تر برای موقعیت‌های شغلی توسعه‌دهنده فرانت‌اند تبدیل خواهید شد و می‌توانید پروژه‌های بزرگ‌تر و پیچیده‌تر را مدیریت کنید، که این امر منجر به بهبود چشمگیر فرصت‌های شغلی شما خواهد شد.
• دسترسی آفلاین و بدون نیاز به اینترنت: تمامی محتوای دوره بر روی یک فلش مموری ۳۲ گیگابایتی ارائه می‌شود. این بدان معناست که شما می‌توانید در هر زمان و مکانی، بدون نیاز به اتصال اینترنت، به محتوای آموزشی دسترسی داشته باشید و به یادگیری خود ادامه دهید. این ویژگی برای افرادی که دسترسی مداوم به اینترنت پرسرعت ندارند یا ترجیح می‌دهند بدون حواس‌پرتی مطالعه کنند، بسیار ارزشمند است.
• توضیحات فارسی، روان و عمیق: تمامی توضیحات به زبان فارسی و با بیانی شیوا و قابل فهم ارائه شده است تا مفاهیم پیچیده نیز به راحتی برای شما قابل درک باشند. پشتیبانی آموزشی نیز در طول دوره برای رفع اشکالات در دسترس خواهد بود.

برای بهره‌برداری حداکثری از این دوره، آشنایی با مفاهیم زیر توصیه می‌شود:

• آشنایی با مبانی جاوا اسکریپت: درک متغیرها، توابع، آرایه‌ها، آبجکت‌ها و مبانی ES6 (مانند let، const، Arrow Functions، Destructuring) ضروری است.
• مبانی HTML و CSS: توانایی ساختاردهی محتوا با HTML و اعمال استایل‌های اولیه با CSS برای ساخت رابط کاربری اولیه مورد نیاز است.
• آشنایی مقدماتی با Vue 2 (اختیاری): اگرچه این دوره برای Composition API در Vue 3 طراحی شده و نیازی به دانش قبلی از Vue 2 نیست، اما آشنایی مختصر با مفاهیم Vue (مانند کامپوننت‌ها، سیستم واکنشی) می‌تواند فرآیند یادگیری شما را تسریع بخشد.

این دوره به صورت ساختاریافته طراحی شده تا شما را گام به گام به سمت تسلط بر Vue.js 3 و اکوسیستم آن هدایت کند:

• بخش ۱: معرفی Vue.js 3 و Composition API
  • چرا Vue 3 و Composition API نقطه عطفی در توسعه فرانت‌اند است؟
  • مقایسه دقیق Options API و Composition API: مزایا و معایب هر کدام.
  • نصب و راه‌اندازی یک پروژه جدید با ابزار ساخت پیشرفته Vite.
  • آشنایی با ساختار استاندارد پروژه Vue و چیدمان فایل‌ها.
• بخش ۲: هسته Composition API در عمل
  • مبانی Reactivity: استفاده از ref و reactive برای مدیریت وضعیت واکنش‌گرا و پاسخ به تغییرات.
  • computed برای مقادیر مشتق‌شده و بهینه‌سازی عملکرد.
  • watch و watchEffect برای رصد دقیق تغییرات و اجرای توابع در پاسخ به آن‌ها.
  • Lifecycle Hooks جدید در Composition API (onMounted, onUnmounted, onUpdated و …).
  • قدرت ساخت Custom Composable Functions (Hooks سفارشی) برای کدنویسی ماژولار و قابل استفاده مجدد.
• بخش ۳: ارتباط بین کامپوننت‌ها با Composition API
  • Passing Data Down: مدیریت Props با Composition API.
  • Emitting Events Up: استفاده از Emits برای ارتباط فرزند به والد.
  • Content Projection: استفاده از Slots برای تزریق محتوای پویا.
  • Provide/Inject: انتقال داده‌ها در درخت کامپوننت برای جلوگیری از Prop Drilling.
• بخش ۴: مدیریت وضعیت پیشرفته با Pinia
  • مقدمه‌ای بر Pinia و مزایای آن نسبت به Vuex (سبکی، تایپ‌سیف بودن و سادگی).
  • تعریف و استفاده از Storeها برای مدیریت وضعیت سراسری.
  • مدیریت State، Getters، Actions در Pinia برای عملیات داده‌ای.
  • سازماندهی بهتر با ماژول‌بندی Storeها در پروژه‌های بزرگ.
  • اتصال Pinia به کامپوننت‌ها و استفاده از داده‌های سراسری.
• بخش ۵: مسیریابی پویا با Vue Router 4
  • نصب و پیکربندی Vue Router در پروژه Vue 3.
  • تعریف مسیرها، پارامترها و Nested Routes.
  • Navigation Guards (محافظت از مسیرها) برای کنترل دسترسی.
  • Lazy Loading مسیرها برای بهینه‌سازی عملکرد بارگذاری اولیه اپلیکیشن.
• بخش ۶: ادغام قدرتمند با Firebase 9
  • راه‌اندازی و پیکربندی پروژه Firebase و SDK جدید آن.
  • احراز هویت کاربران (ثبت‌نام، ورود، خروج، بازنشانی رمز عبور) با Firebase Authentication.
  • کار با Firestore: ذخیره، بازیابی، به‌روزرسانی و حذف داده‌ها (CRUD).
  • Realtime Data با Firestore: به روزرسانی‌های لحظه‌ای در اپلیکیشن.
  • (اختیاری) استفاده از Storage برای آپلود و مدیریت فایل‌ها.
• بخش ۷: کار با فرم‌ها و اعتبارسنجی
  • مدیریت فرم‌ها در Vue 3 با استفاده از Composition API.
  • اعتبارسنجی ورودی‌ها با کتابخانه‌های محبوب و کارآمد (مانند VeeValidate یا Zod).
  • نمایش پیام‌های خطای کاربرپسند.
• بخش ۸: Vite: بهینه‌سازی فرآیند توسعه و ساخت
  • قابلیت‌های اصلی Vite و سرعت بی‌نظیر آن در توسعه.
  • تنظیمات و پیکربندی پیشرفته Vite برای نیازهای خاص پروژه.
  • بهینه‌سازی برای محیط پروداکشن و آماده‌سازی برای دیپلوی.
• بخش ۹: ساخت یک پروژه عملی و کامل (Case Study)
  • طراحی و پیاده‌سازی یک اپلیکیشن نمونه واقعی (مانند یک پلتفرم وبلاگ‌نویسی یا یک سیستم مدیریت وظایف با امکان احراز هویت و ذخیره‌سازی ابری).
  • نحوه سازماندهی کد در پروژه‌های بزرگ و پیاده‌سازی معماری مناسب.
  • بررسی چالش‌ها و راه‌حل‌های رایج در پروژه‌های واقعی.
• بخش ۱۰: مباحث پیشرفته و نکات تکمیلی
  • کار با Axios یا Fetch API برای درخواست‌های HTTP به APIهای خارجی.
  • مدیریت خطاها و Debugging در Vue 3.
  • نکات و بهترین شیوه‌ها مربوط به دیپلوی (استقرار) پروژه بر روی هاستینگ‌های مختلف.
  • مقدمه‌ای بر استفاده از TypeScript با Vue 3 برای پروژه‌های بزرگتر و نگهداری‌پذیری بیشتر.