نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
Vue یکی از محبوب ترین چارچوب های جاوا اسکریپت در جهان است. این دوره به شما آموزش می دهد که چگونه از ویژگی های انتقال و انیمیشن Vue برای ایجاد وب سایت ها و برنامه های وب جذاب تر استفاده کنید. از انتقال و انیمیشن های Vue می توان برای ایجاد وب سایت ها و برنامه های وب جذاب تر استفاده کرد. در این دوره ، ایجاد انیمیشن با Vue ، توانایی اضافه کردن انتقال و انیمیشن به وب سایت ها و برنامه های وب ایجاد شده با چارچوب Vue JavaScript را خواهید داشت. ابتدا ، نحوه بوت استرپ پروژه Vue را که برای افزودن انتقال و انیمیشن استفاده می شود ، با بررسی قسمت اجرایی Vue بررسی کنید. در مرحله بعد ، نحوه کار با ویژگی های اصلی انیمیشن مانند اعلان های متحرک ، فریم های کلیدی ، انتقال لیست ، انتقال بین عناصر و نحوه ایجاد ، وارد کردن و خروج از مراحل را کشف خواهید کرد. در نهایت ، نحوه ترکیب همه این تکنیک ها را برای ساخت اجزای متحرک Vue متحرک خود خواهید آموخت. پس از اتمام این دوره ، مهارت ها و دانش کار با انتقال عناصر و انیمیشن های مورد نیاز برای ایجاد و افزودن انیمیشن به وب سایت ها و برنامه های وب ایجاد شده با چارچوب Vue را خواهید داشت.
سرفصل ها و درس ها
مروری بر دوره
Course Overview
-
مروری بر دوره
Course Overview
مقدمه ای بر انیمیشن های Vue
Introduction to Vue Animations
-
مروری بر مقدمه
Introduction & Overview
-
درک انتقال Vue
Understanding Vue Transitions
-
راههای پیاده سازی انتقالها
Ways to Implement Transitions
-
جزء گذار
Transition Component
-
ساختار گذار
Transition Structure
-
نسخه ی نمایشی: بررسی پروژه
Demo: Project Overview
-
نسخه ی نمایشی: انتقال
Demo: Transitions
-
نام کلاس های سفارشی
Custom Class Names
-
خلاصه
Summary
ساخت انیمیشن های Vue
Building Vue Animations
-
مروری بر مقدمه
Introduction & Overview
-
مدت زمان انتقال
Transition Duration
-
نسخه ی نمایشی: انیمیشن کامپوننت سفارشی
Demo: Custom Component Animation
-
نسخه ی نمایشی: جابجایی بین عناصر
Demo: Switching between Elements
-
نسخه ی نمایشی: اعلان گذار
Demo: Transitioned Notification
-
نسخه ی نمایشی: Keyframes
Demo: Keyframes
-
نسخه ی نمایشی: موج انیمیشن ها
Demo: Wave Animations
-
درک رویدادها
Understanding Events
-
نسخه ی نمایشی: قلاب جاوا اسکریپت
Demo: JavaScript Hooks
-
خلاصه اندیشه های نهایی
Summary & Final Thoughts
نمایش نظرات