آموزش دوره جامع Vue JS 3، Vuetify، Pinia، Vue Router و موارد دیگر - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introdução

• ارائه Presentation

• تقدیر و تشکر Acknowledgements

• لینک‌های مفید Useful links

مفاهیم اولیه Initial Concepts

• شروع پروژه - CDN Start project - CDN

• Bind - CDN Bind - CDN

• شرطی - CDN Conditional - CDN

• رندر لیست List Rendering

• رویدادهای دستی Manual Events

• رندر استایل شرطی Conditional Style Rendering

• محاسبه‌شده Computed

• Emit Emit

• Props Props

• نتیجه‌گیری Conclusion

لیست انجام کارها با Vuetify 3 To do list with Vuetify 3

• ابزارها Tools

• ایجاد پروژه Creating project

• معماری پوشه‌ها (قدیمی) Folder archtecture (Legacy)

• معماری پوشه‌ها (به‌روز شده) Folder archtecture (Updated)

• ایجاد طرح‌بندی (قدیمی) Creating Layout (Legacy)

• ایجاد طرح‌بندی (به‌روز شده) Creating Layout (Updated)

• Vue Router (قدیمی) Vue Router (Legacy)

• Vue Router (به‌روز شده) Vue Router (Updated)

• استایل‌دهی منو Styling menu

• تنظیمات آخرین کلاس Ajusts of last class

• کامپوننت افزودن کار Component add task

• دکمه منو Menu button

• دیالوگ Dialog

• ویرایش کار Editing task

• حذف کار Delete task

• Pinia Pinia

• منطق Pinia Pinia's logic

• Localstorage setitem Localstorage setitem

• Localstorage getitem Localstorage getitem

• استایل‌دهی برنامه Styling application

• استایل‌دهی دکمه دیالوگ Styling dialog button

• اعتبارسنجی ورودی Input validation

• اعلان هشدار Alert notification

• AnimateCSS AnimateCSS

• تکمیل کار Completing task

• ایجاد هشدار عمومی Making generic Alert

• استقرار Deploy

• PWA PWA

• طرح‌بندی‌ها و مسیرها Layouts e Routes

Pokevite (جلسه اضافی) Pokevite (Extra session)

• ارائه پروژه Project presentation

• شروع Get Starting

• معماری پوشه‌ها Folder Archtecture

• Composition API در مقابل Operation API Composition API vz Operation API

• Ref، Reactive، OnMounted و Computed Ref, Reactive, OnMounted and Computed

• V-model، V-if و v-else V-model, V-if and v-else

• Bootstrap با CDN Bootstrap with CDN

• گریدهای Bootstrap Bootstrap grids

• درخواست APIها Request APIs

• کامپوننت با v-for Component with v-for

• لیست پوکمون Pokemon List

• گرادیان CSS CSS Gradient

• فیلترهای پویا Dynamic Filters

• رویداد کلیک Event click

• AnimateCSS AnimateCSS

• کجا تصاویر پروژه را ذخیره کنیم Where store project images

• PWA PWA

• استقرار Deploy

• واکنش‌گرایی Responsiveness