Vueschool – Vue.js Transitions and Animations 2023-6

در تاریخ: 1403/12/16 0:58:59

توضیحات

Vue.js Transitions and Animations، دوره آموزش Transitions و انیمیشن‌های Vue.js توسط آکادمی Vueschool منتشر شده است. پتانسیل کامل Vue را با پشتیبانی داخلی آن از انتقالات و انیمیشن‌ها باز کنید. همچنین، افزونه‌های انتقال و انیمیشن شخص ثالث را کشف کنید. انیمیشن‌ها فقط برای تزئین نیستند – آن‌ها بخش کلیدی ایجاد تجربه‌های کاربری جذاب و شهودی هستند. یک انتقال یا انیمیشن خوب می‌تواند کاربران را راهنمایی کند، تعاملات را بهبود بخشد و لایه‌ای از صیقل را به برنامه‌های وب شما اضافه کند. در این دوره، عمیقاً به پشتیبانی قدرتمند Vue.jsاز انتقالات و انیمیشن‌ها پرداخته می‌شود. یاد بگیرید چگونه با استفاده از ویژگی‌های داخلی Vue جلوه‌های انیمیشن سفارشی ایجاد کنید و افزونه‌های شخص ثالث را کشف کنید تا انیمیشن‌های خود را پویا و متنوع تر کنید. Vue.jsاضافه کردن انیمیشن‌های روان و جذاب به برنامه‌های شما را فوق‌العاده ساده می‌کند. با کامپوننت‌های Transition و TransitionGroup، می‌توانید عناصر را در هنگام ورود، خروج یا تغییر وضعیت در DOM انیمیشن کنید.

آنچه خواهید آموخت

کامپوننت انتقال داخلی (Built-In Transition Component)
کامپوننت گروه انتقال داخلی (Built-in TransitionGroup Component)
ایجاد انتقال‌های قابل استفاده مجدد (Creating Reusable Transitions)
افزونه Auto-Animate (The Auto-Animate Plugin)
انیمیشن در حین اسکرول (Animating on Scroll)
استفاده از کامپوننت‌های انتقال بومی (Use native Transition components)
سفارشی‌سازی انتقال‌ها با استفاده از هوک‌های جاوااسکریپت (Customize transitions with JavaScript hooks)
ترکیب فریمورک‌های CSS مانند Tailwind برای استایل‌دهی به انیمیشن‌ها (Combine CSS frameworks like Tailwind for styling your animations)
استفاده از کامپوننت بومی TransitionGroup برای لیست‌ها (Use the native TransitionGroup component for lists)
ساخت جلوه‌های پیشرفته مانند انتقال‌های لیست با تأخیر و کامپوننت‌های قابل استفاده مجدد (Build advanced effects like staggered list transitions and reusable components)