کدنویسی Vue.js 3 : کار با API و Router

یادگیری Vue JS 3 با ساخت 4 برنامه های کاربردی وب (از جمله SPA) با گزینه API، ترکیب API و Vue روتر

عنوان اصلی : Vue js 3 Practical Guide w/ Composition API, Router (2022)

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

مقدمه:
محیط توسعه Vue
تنظیمات ویرایشگر کد ویژوال استودیو من
راه اندازی و اجرا با Vue.js:
نصب Vue.js با استفاده از Build Tools
جزء تک فایل
دستورالعمل ها و پیوندهای صفت
اتصالات دو طرفه با مدل v
کار با روش ها
Style and Class bindings
ویژگی های محاسبه شده
دیده بان ها
استایل دادن به مؤلفه ورودی برچسب ها
ارتباط کامپوننت با Props
ارتباط مؤلفه با انتشار رویدادها
Project 2 - Build Toast Notification:
طراحی کامپوننت
کنترل دید نان تست
پنهان کردن نان تست به صورت دستی و خودکار
افزودن نوع نان تست
در حال تایید نوع نان تست
موقعیت نان تست
افزودن جلوه انتقال
پروژه 3 - ساخت لغزنده تصویر چرخ فلک:
ساختار اجزای اصلی را ایجاد کنید
استایل پایه چرخ فلک ایجاد کنید
فاصله اسلاید و جلوه انتقال
کنترل‌های چرخ فلک را ایجاد کنید
کار با منطق کنترل های چرخ فلک
زمانی که ماوس را نگه دارید، اسلاید چرخ فلک را متوقف کنید
افزودن نشانگرهای چرخ فلک
نشانگرهای چرخ فلک را به کار بیاندازید
جزء چرخ فلک را قابل تنظیم کنید
پروژه 4 - ساخت آپلود کننده فایل VueDrive (بخش 1: ویژگی های اصلی):
نمای کلی پروژه شروع کننده
راه اندازی Mock API
راه اندازی HTTP Client
نمایش فایل ها با استفاده از async/await
اجزای FilesList و FileItem را ایجاد کنید
اجزای خود را به Composition API تغییر دهید
افزودن ویژگی مرتب سازی به برنامه ما
استفاده از ساعت و واچ افکت
افزودن ویژگی جستجو به برنامه ما
استفاده از Teleport
افزودن ویژگی انتخاب مورد
موارد انتخاب شده را لغو انتخاب کنید
فایل های انتخاب شده را حذف کنید
ایجاد یک فرم مدال
تغییر نام فایل انتخابی - قسمت 1
کار با دستورالعمل های سفارشی
تغییر نام فایل انتخابی - قسمت 2
پروژه 4 - ساخت آپلود کننده فایل VueDrive (قسمت 2: آپلود کننده فایل ها):
مقدمه بخش
ایجاد کامپوننت FileChooser
افزودن ویژگی Drag and Drop
ایجاد جزء UploaderPopup
برخورد با وضعیت های بارگذاری
کار با کنترل های بازشو
ایجاد جزء UploadItem
آپلود فایل های انتخابی
آپلود را لغو کنید
فایل های لغو شده را دوباره آپلود کنید
نمایش فایل های آپلود شده
کار با ارائه و تزریق
ایجاد جزء ProgressRing - قسمت 1
ایجاد مولفه ProgressRing - قسمت 2
زیباسازی کنترل های آپلود
کنترل نمایان بودن کنترل‌های آپلود
نمایش آمار آپلود
پیشرفت کلی آپلود را محاسبه کنید
لغو چند فایل آپلود
مؤلفه UploaderPopup را Refactor کنید
سعی کنید همه فایل های لغو شده را بارگذاری کنید
پروژه 4 - ساخت آپلود کننده فایل VueDrive (بخش 3: مدیریت فایل ها و پوشه ها):
مقدمه بخش
تنظیم نقطه پایانی پوشه ها
در حال ارسال درخواست برای بازیابی پوشه ها
نمایش پوشه ها
نمایش پوشه های فرعی
کار با HTML 5 history API
ایجاد مولفه سرصفحه بخش
افزودن تغییر نام یک ویژگی پوشه - قسمت 1
افزودن تغییر نام یک ویژگی پوشه - قسمت 2
عملکرد حذف پوشه های انتخاب شده
افزودن یک ویژگی برای ایجاد پوشه - قسمت 1
افزودن یک ویژگی برای ایجاد پوشه ها - قسمت 2
لمس پایانی
برنامه تک صفحه ای با روتر Vue:
معرفی بخش
راه اندازی Vue Router
مسیریابی
مسیرهای تودرتو
تغییر مسیر و نام مستعار
سبک دادن به پیوند فعال
مسیرهای پویا
پیاده سازی مسیر پویا در مؤلفه MyFiles
ایجاد صفحه فایل های اخیر
ایجاد توابع برای فایل ها یا پوشه های ستاره دار
افزودن فایل‌ها و پوشه‌ها به ستاره‌دار
ساخت صفحه ستاره دار
حذف فایل ها یا پوشه ها از ستاره دار
رسیدگی به خطا