یادگیری کامل VueJS : کار با Vuex and Vue Router

آیا زمان محدودی برای یادگیری روتر VUE ، VUEX و VUE دارید؟ این دوره را طی کنید و VUE را در 11 ساعت یاد بگیرید!

عنوان اصلی : Vue JS Essentials with Vuex and Vue Router

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

مقدمه ای بر Vue:
منابع دوره
به انجمن ما بپیوندید!
الگوها و نمونه های Vue
پیوند الگوها و نمونه ها
پیاده سازی گام به گام
تعریف روشهای نمونه
تعریف دستورالعمل های Vue
بازیابی اطلاعات رویداد
برنامه نویسی امری در مقابل اعلامی
برنامه‌های اعلامی با Vue API
داده‌ها، محاسبه‌شده و روش‌ها
مقدارهای داده به روز شده
ویژگی های محاسبه شده
بازبینی از شروع تا پایان
قرار دادن الگو
ارجاع داده ها در الگو
عبارات در قالب ها
رندر با قالب های رشته ای
راه حل تمرین
عبارات JS در قالب ها
راه حل تمرین
حرکت با Vue CLI:
نمای کلی برنامه
چالش های برنامه
ایجاد یک پروژه جدید
چرا از Vue CLI استفاده کنیم؟
تحقیق پروژه
فایل های Vue
پشت صحنه فایل های Vue
Vue Components در مقابل Vue Instances
نوشتن برنامه های موثر Vue:
شروع از ابتدا
مؤلفه برنامه
روش دیگری برای تعیین محتوا
چند راه پیوست DOM
ساخت نوار جستجو
اجزای تودرتو
دستورالعمل های رویداد
نحو رویداد کوتاه
اشتراک گذاری داده بین اجزا
ارتباط با وسایل و رویدادها
انتشار رویدادها
گوش دادن به رویدادهای سفارشی
ثبت نام API YouTube
جستجوی یوتیوب
بررسی پاسخ های ویدئویی
ارائه فهرستی از ویدئوها
به روز رسانی داده ها باعث بازپرداخت می شود
داده ها در Components در مقابل Instances
به روز رسانی داده ها
ارتباط از والدین به فرزند
اعتبار سنجی Prop
اجزای فهرست را جدا کنید
لیست هایی با V-For
حمل کردن وسایل با V-For
کلیدهای دارای V-For
از جمله استایل بوت استرپ
استایل دادن به نوار جستجو
استایل دادن به فهرست ویدیوها
مرجع تصویر بند انگشتی
تصویر کوچک بر اساس ویژگی محاسبه شده
بیشتر استایل مورد فهرست
مدیریت کلیک های تودرتو
مدیریت رویداد در فهرست ویدیو
دریافت رویدادها در برنامه
ارسال قطعات به جزئیات ویدئو
به روز رسانی داده ها
دستورالعمل V-If
ارجاع به عنوان و توضیحات ویدیو
ساخت URL جاسازی
جاسازی های پاسخگو
چیدمان دو ستونی
بررسی برنامه
رویدادها و روشها
راه حل تمرین
داده های مؤلفه
راه حل تمرین
رویدادها، داده‌ها و دستورالعمل‌ها
حالت مدیریت با Vuex:
نمای کلی برنامه
چالش های برنامه
وابستگی های اضافی
کمی دیگ بخار
ساخت هدر
از جمله Semantic UI
استایل دادن به هدر
نمای کلی Imgur
احراز هویت در Vue با OAuth2:
نمای کلی OAuth
ثبت نام Imgur API
مدیریت منطق برنامه
معرفی Vuex
ماژول های Vuex
اتصال Vuex به Vue
طراحی ماژول تأیید اولیه
جهش‌های ماژول تأیید
Auth Module State and Getters
به روز رسانی مقادیر حالت
خروج با Actions
Helpers API جداگانه
تشکیل URL OAuth2
شروع جریان ورود به سیستم
سیم کشی در ماژول Auth
درخواست اولیه OAuth
استخراج رمز دسترسی
ناوبری با روتر Vue:
سیم کشی روتر Vue
مرورگر در مقابل هش روترها
نقطه درج کامپوننت
روش‌های چرخه حیات اجزا
Calling Actions
تجزیه رمز دسترسی
داده ها در کامپوننت ها با MapGetters
دستورالعمل V-Else
حالت ورود مداوم
استایل دهی دکمه
خروج کاربران
به‌روزرسانی‌های خودکار مؤلفه‌ها
پاک کردن رمزهای LocalStorage
ناوبری برنامه‌ای
پیکربندی مسیر اضافی
ناوبری با Router-Link
طراحی ماژول های Vuex:
ماژول تصویر Deisgn
اجرای ماژول
واکشی تصاویر API Documentation
واکشی تصاویر
ارتباط بین ماژول ها
تست پاسخ تصاویر
آپلود تصویر از طریق Imgur
تعهد کردن تصاویر به حالت
نقشه برداری از Images Getter
تصاویر فهرست
مدیریت آپلود تصویر:
نمای کلی آپلود تصویر
آپلود فرم HTML
استایل دادن به فرم آپلود
عمل آپلود تصاویر
رویداد تغییر فایل
پذیرش چندین فایل تصویری
مسیر آپلود
پیوست کردن تصاویر با FormData
آپلودهای همزمان
چیدمان با شبکه CSS
پنهان کردن تصاویر در خروج
گسترش برنامه
اضافی:
پاداش!