معرفی دوره

اگر به دنبال تسلط کامل بر فریم‌ورک محبوب Vue.js هستید و می‌خواهید از مفاهیم پایه تا تکنیک‌های پیشرفته را در یک ساختار منظم و پروژه‌محور یاد بگیرید، این دوره برای شما طراحی شده است. بوت‌کمپ جامع توسعه‌دهنده Vue با استفاده از ابزارهای روز مانند Pinia برای مدیریت وضعیت و Vitest برای تست واحد، شما را از سطح مبتدی تا حرفه‌ای همراهی می‌کند.

آنچه در این دوره خواهید آموخت

• برنامه‌سازی واکنشی با Vue 3 و Composition API به صورت قدم‌به‌قدم
• ساخت و سازماندهی کامپوننت‌های مقیاس‌پذیر و قابل استفاده مجدد
• مدیریت وضعیت برنامه با Pinia و مقایسه آن با Vuex
• کار با سیستم مسیر‌دهی (Vue Router) برای ساخت SPAهای پیچیده
• طراحی و پیاده‌سازی سرویس‌های API با Axios و تعامل با بک‌اند
• ایجاد تست‌های واحد و یکپارچه با Vitest و بهینه‌سازی کیفیت کد
• پیاده‌سازی مفاهیم پیشرفته‌ای مانند لیزی لودینگ، SSR مختصر و بهبود عملکرد
• استقرار برنامه‌ها در محیط‌های واقعی و CI/CD ساده با GitHub Actions

مزایا و نقاط قوت

• رویکرد عملی و پروژه‌محور: هر مفهوم بلافاصله در پروژه نمونه پیاده می‌شود.
• به‌روز با آخرین نسخه Vue 3 و استانداردهای وب معاصر
• توضیحات دقیق درباره Pinia و مقایسه آن با Vuex برای انتخاب بهترین ابزار
• پوشش اصول تست‌نویسی با Vitest برای داشتن کد پایدار و قابل اعتماد
• پشتیبانی از سوالات دانشجویان و حل تمرین‌های دوره در انجمن Udemy
• دسترسی مادام‌العمر به ویدیوها و منابع دوره و آپدیت‌های آینده

پیش‌نیازها و مخاطبان هدف

• آشنایی اولیه با HTML، CSS و JavaScript (ES6+)
• درک مفاهیم پایه‌ای برنامه‌نویسی واکنشی و کار با توابع
• مناسب برای توسعه‌دهندگان فرانت‌اند که می‌خواهند در Vue تخصص یابند
• برنامه‌نویسانی که قصد مهاجرت یا مقایسه بین React و Angular با Vue را دارند
• دانشجویان و علاقه‌مندان به یادگیری اصول تست‌نویسی و CI/CD

سرفصل‌های دوره و مثال‌های عملی

• مقدمه و نصب ابزارها: آشنایی با پروژه پایه، نصب Node.js، Vue CLI و ویرایشگر کد.

  مثال: ایجاد اولین اپ Vue و مشاهده ساختار فولدرها.

• Composition API در Vue 3: معرفی reactive، ref، computed و watch.

  مثال: ساخت یک تایمر پویا با استفاده از reactive state.

• کامپوننت‌های پیشرفته: ارسال props، انتشار رویدادها و اسلات‌ها.

  مثال: ساخت یک کامپوننت جدول داینامیک با قابلیت فیلتر و مرتب‌سازی.

• مدیریت وضعیت با Pinia: ایجاد استور، اکشن‌ها و گترها.

  مثال: مدیریت سبد خرید فروشگاه آنلاین و هماهنگی چند کامپوننت.

• مسیردهی با Vue Router: پویاسازی لینک‌ها، پارامترها و مسیرهای محافظت‌شده.

  مثال: پیاده‌سازی صفحه ورود/ثبت‌نام و بررسی احراز هویت.

• تعامل با API: استفاده از Axios برای GET، POST و مدیریت خطا.

  مثال: نمایش لیست کاربران از یک RESTful API و صفحه‌بندی نتایج.

• تست با Vitest: نوشتن تست‌های واحد برای کامپوننت‌ها و استورها.

  مثال: پوشش دهی یک کامپوننت فرم و شبیه‌سازی ارسال درخواست.

• بهینه‌سازی و استقرار: لارژ لودینگ، تولید نسخه پروداکشن و GitHub Actions.

  مثال: راه‌اندازی فرایند CI برای اجرای تست و دیپلوی روی Netlify.

نتیجه‌گیری

با گذراندن این بوت‌کمپ، شما قادر خواهید بود هر نوع اپلیکیشن فرانت‌اند مدرن را با Vue طراحی و پیاده‌سازی کنید، وضعیت برنامه را به صورت ساختاریافته مدیریت کنید، کدهای خود را تست و بهینه‌سازی نمایید و پروژه‌های واقعی را به مرحله استقرار برسانید. ورود شما به دنیای حرفه‌ای Vue از این دوره شروع می‌شود!