فیلم یادگیری قدم به قدم Vue.js

در این مجموعه آموزش با Vue.js آشنا شده و کدنویسی آن را در پروژه های واقعی یاد گرفته ، همراه با مدرس دوره تجربه و تمرین خواهید کرد.

عنوان اصلی : Vue.js 2 Academy: Learn Vue Step by Step

سرفصل ها :

مقدمه و شروع:
خوش آمدی
Vue چیست و چرا باید آن را یاد بگیرم؟
نصب ویژوال استودیو
مبانی Vue: برنامه لیست مهمان:
معرفی بخش
دانلود شروع پروژه
در حال نصب Vue.js
نمونه Vue و شی داده
الگوها و DOM مجازی
اتصال داده دو طرفه با مدل v
مدیریت رویداد و روش ها
ارائه فهرست
رندر مشروط در Vue
اتصال صفات به عناصر
سبک های صحافی
نحو مختصر Vue
خروجی متن و HTML
V-if در مقابل v-show
استفاده از عبارات جاوا اسکریپت
بخش بیرونی
نگاهی عمیق تر به Vue: برنامه لیست مهمان:
معرفی بخش
اضافه کردن نوار پیشرفت
خواص محاسبه شده
ناظران
رویدادهای کلیدی و اصلاح کننده ها
فیلترها
اطلاعات بیشتر در مورد حلقه زدن: کلیدها و اعداد فهرست
استفاده از چندین نمونه Vue
حلقه زدن با اشیا
افزودن پیوندها و کلیدهای پیمایش ما
دسترسی خارجی به نمونه های Vue
ویژگی‌ها و روش‌های نمونه Vue
ارجاع عناصر با رفر
استفاده از قالب های رشته ای
چرخه حیات Vue
قلاب چرخه حیات Vue در عمل
بخش بیرونی
ابزارهای ساخت و گردش کار: برنامه Creative Cards:
معرفی بخش
نصب Node & NPM
پروژه های داربست با Vue-cli
کاوش طرح‌بندی پروژه و ابزارهای ساخت ما
استفاده از شی داده با الگوهای تک فایل
بخش بیرونی
مقدمه ای بر کامپوننت ها: اپلیکیشن Creative Cards:
معرفی بخش
اجزا چیست؟
ثبت اجزای جهانی
ثبت اجزای محلی
ایجاد اجزای تک فایل
افزودن جزء جلوی کارت
داده ها را به اجزای والد ارسال کنید
اجزای دینامیک
ایجاد اجزای کارت اضافی
ایجاد جزء ورودی متن
دریافت داده از ورودی متن
ایجاد جزء خروجی متن
انتقال داده ها با لوازم جانبی
زنده نگه داشتن اجزا
محدوده بندی سبک های CSS
اعتبار سنجی پایه
ارسال داده های prop به یک شیء سبک
مقدمه ای بر اسلات ها
دامنه اسلات و محتوای بازگشتی
اسلات های نامگذاری شده
بخش بیرونی
Components Continued & Firebase Storage: Creative Cards App:
معرفی بخش
راه اندازی Firebase
ایجاد کامپوننت Image Upload
آپلود تصاویر در Firebase
تصویر کوچک پیش نمایش تصویر
نوار پیشرفت آپلود و داده های فایل $emit
جزء خروجی تصویر
دانلود تصاویر از Firebase
دکمه تنظیم تصویر
منوی گزینه های متن: اندازه فونت
منوی گزینه های متن: تراز متن
منوی گزینه های متن: سبک قلم و وزن
دکمه حذف تصویر
انتقال داده با تماس های برگشتی
کشیدن تصاویر
اتمام مؤلفه CardInsideLeft
اتمام مؤلفه CardInsideRight
اتمام مؤلفه CardBack
معرفی اتوبوس رویداد
ارسال رویدادها به اتوبوس رویداد
دریافت رویدادها از اتوبوس رویداد
افزودن میکسین ها
بخش بیرونی
انتقال ها و انیمیشن ها:
معرفی بخش
کلاس های انتقالی
اضافه کردن انتقال CSS
اضافه کردن انیمیشن های CSS
انتقال اجزا و حالت های انتقال
معرفی قلاب های جاوا اسکریپت
قلاب های جاوا اسکریپت در عمل
ترکیب انیمیشن ها و انتقال ها
کلاس های انتقال سفارشی
انتقال های رندر اولیه
انتقال عناصر و کلیدها
انتقال های گروهی
کلاس V-move و نام های انتقال پویا
بخش بیرونی
متشکرم :
متشکرم