آموزش Vue 3: ساخت اپلیکیشن موبایل و دسکتاپ (با Quasar 2 و Pinia)

معرفی
سرفصل

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت

چگونه با استاده از با Vue 3 و Quasar 2 اپلیکیشن مدیریت مالی بسازید؟
چگونه وضعیت اپلیکیشن ها را با Pinia (ستاپ استور) مدیریت کنید؟
چگونه اپلیکیشن را (با استفاده از Electron) روی Mac و Windows مستقر کنیم؟
چگونه اپلیکیشن را (با استفاده از Capacitor) روی iOS و اندروید مستقر کنیم؟

پیش‌نیازهای دوره

آشنایی اولیه با جاوا اسکریپت
آشنایی اولیه با Vue 3 و Composition API
ترجیحاً داشتن Mac (اما الزام نیست)

توضیحات دوره

در این دوره یاد می‌گیرید چگونه با استفاده از فریمورک‌های Vue 3 ،Composition API Quasar V2 و Pinia یک اپلیکیشن مدیریت مالی زیبا و کراس پلتفرم به نام Moneyballs بسازید که برای وب، iOS، اندروید، Mac و Windows قابل استفاده است.

در این اپلیکیشن می‌توانید ورودی‌های درآمد و هزینه را اضافه کنید و هزینه‌های خود را پیگیری نمایید.

تمام ورودی‌های درآمدی به رنگ سبز و تمام ورودی‌های هزینه به رنگ قرمز نمایش داده می‌شوند و مبالغ به زیبایی به صورت ارز فرمت بندی شده‌اند.

در ادامه قادر به انجام کارهای زیر خواهیم بود:

مشاهده نوار مانده حساب در پایین که همیشه تراز کلی همه ورودی‌ها را نشان می‌دهد.
ویرایش ورودی‌ها به طور مستقیم با کلیک روی فیلد نام یا مبلغ
علامت‌گذاری ورودی به عنوان پرداخت شده با کشیدن به سمت راست (و مشاهده مانده ورودی‌های پرداخت شده)
مرتب‌سازی ورودی‌ها
کشیدن به سمت چپ برای حذف ورودی‌ها

Moneyballs همچنین یک صفحه تنظیمات دارد که شامل گزینه‌های مختلف می‌شود.

در این اپلیکیشن قادر به انجام کارهای زیر خواهید بود:

غیرفعال کردن پرامپت حذف - به طوری که وقتی ورودی را به سمت چپ بکشید، بلافاصله حذف شود.
نمایش مانده جاری که زیر همه ورودی‌ها نمایش داده می‌شود.
تغییر نماد ارز
و حتی حالت تاریک با رنگ‌بندی کاملاً متفاوت

اگر اپلیکیشن را ببندید و دوباره باز کنید (یا صفحه وب را رفرش کنید) تمام داده‌های ورودی و تنظیمات حفظ می‌شوند.

در حین ساخت Moneyballs، از موارد زیر نیز استفاده خواهید کرد:

ستاپ استور Pinia
پلاگین های Quasar
دایرکتیوهای سفارشی
Composable های سفارشی
پلاگین های Capacitor
تعداد زیادی از کامپوننت‌های Quasar
و خیلی موارد دیگر

و این اپلیکیشن را روی پنج پلتفرم مختلف اجرا و با آنها کار می کنیم:

مرورگر وب
iOS
اندروید
Mac
Windows

اپلیکیشن های iOS و اندروید ساخته شده با Quasar و Capacitor قابل استقرار در اپ استور و پلی استور هستند و می‌توان با خریدهای درون‌برنامه‌ای، اشتراک و تبلیغات کسب درآمد کرد.

اپلیکیشن های Mac و Windows ساخته شده با Quasar و Electron را می‌توان در فروشگاه‌های Mac و Windows مستقر یا به صورت آنلاین توزیع کرد.

برای این دوره، توصیه می‌کنیم از Mac استفاده کنید و دانش پایه از جاوا اسکریپت، Vue 3 و Composition API داشته باشید.

این دوره برای چه کسانی مناسب است؟