آموزش انیمیشن های وب با جاوا اسکریپت و گرین ساک (GSAP) 2024 - آخرین آپدیت
دانلود JavaScript Web Animations with Greensock (GSAP) 2024
آموزش انیمیشن های وب با GreenSock (GSAP): مقدمه ای جامع
با این دوره جامع، مهارت های توسعه فرانت اند وب خود را به سطح بالاتری ارتقا دهید و انیمیشن های تعاملی پیشرفته را با استفاده از GreenSock (GSAP) بیاموزید.
GreenSock محبوب ترین و تحسین شده ترین کتابخانه انیمیشن در صنعت است که به دلیل عملکرد بی نظیر، تطبیق پذیری و سهولت استفاده شناخته شده است.
آموزش مبانی GreenSock
با مبانی GreenSock شروع کنید و مفاهیم اساسی مانند GSAP Object، gsap .from ()، gsap .to ()، gsap .fromTo ()، Delay & Repeat، Ease و Stagger را یاد بگیرید. کشف کنید که چگونه انیمیشن های خیره کننده را با دقت و کنترل ایجاد کنید.
تسلط بر تایم لاین های پیچیده انیمیشن
در ادامه، وارد قدرت تایم لاین ها شوید و بیاموزید که چگونه انیمیشن های پیچیده را به طور یکپارچه سازماندهی کنید. برچسب های تایم لاین و توابع کنترلی مانند play، pause، restart و reverse را کاوش کنید و به شما تسلط کامل بر انیمیشن های خود می دهد.
افزودن جذابیت به وب سایت از طریق انیمیشن های مبتنی بر اسکرول
عناصر را بر اساس رویدادهای اسکرول انیمیت کنید با بخش اختصاصی "Animate on Scroll". شما به ScrollTrigger، ابزار قدرتمند انیمیشن اسکرول GreenSock، شیرجه می زنید و پیاده سازی اساسی آن را یاد می گیرید. تکنیک های پیشرفته مانند ScrollTrigger Scrub & Pin را کاوش کنید و جلوه های پویا و جذاب را به وب سایت های خود اضافه کنید.
پروژه های عملی: استفاده از GreenSock در دنیای واقعی
دانش جدید خود را با پروژه های عملی هیجان انگیز به کار ببرید. یک نوار پیشرفت پیمایشی ایجاد کنید، یک هدر وب سایت متحرک طراحی کنید، جلوه های پاک کردن تصویر را که با پیمایش فعال می شوند، پیاده سازی کنید، رنگ ها را به صورت پویا بر اساس رویدادهای پیمایش تغییر دهید، یک لودر وب سایت جذاب بسازید، انیمیشن های مکان نما جذاب اضافه کنید و انیمیشن های اسکرول خیره کننده ایجاد کنید.
چرا این دوره GreenSock را انتخاب کنیم؟
در پایان این دوره، شما درک کاملی از GreenSock و قابلیت های آن خواهید داشت و به مهارت هایی مجهز خواهید شد تا انیمیشن های پیچیده و تعاملی را به پروژه های وب خود اضافه کنید. اکنون بپیوندید و پتانسیل کامل GreenSock را برای ایجاد تجربه های بصری خیره کننده و جذاب وب که مخاطبان شما را مجذوب خود می کند، باز کنید.
پیش نیازهای دوره
- آشنایی با HTML و CSS
- درک اولیه از JavaScript و jQuery مفید است اما اجباری نیست
- همچنین به یک کامپیوتر با یک ویرایشگر کد نیاز دارید.
همین امروز ثبت نام کنید و اجازه دهید جادوی انیمیشن شروع شود!
شروع به کار Getting Started
-
مقدمه Introduction
-
شروع به کار Getting Started
مبانی گرینساک (GreenSock) Basics of GreenSock
-
نحو GSAP GSAP Syntax
-
متد gsap.from() gsap.from() method
-
متد gsap.to() gsap.to() method
-
متد gsap.fromTo() gsap.fromTo() method
-
ویژگیهای تاخیر و تکرار Delay and Repeat Properties
-
Easing (نرمی) Easing
-
Stagger (پراکندگی) Stagger
تایملاینها Timelines
-
مقدمه ای بر تایملاینهای GSAP Intro to GSAP Timelines
-
پارامترهای موقعیت Position Parameters
-
برچسبها و کنترل تایملاین Timeline Labels and Control
انیمیشن هنگام اسکرول Animate on Scroll
-
مقدمه ScrollTrigger ScrollTrigger Intro
-
پیادهسازی پایه ScrollTrigger ScrollTrigger Basic Implementation
-
Scrubbing و Pinning Scrubbing and Pinning
پروژهها Projects
-
نوار پیشرفت پیمایشی Scrolling Progress Bar
-
هدر متحرک وبسایت Animated Website Header
-
تصاویر پیمایشی Scrubbing Scrubbing Scroll Images
-
تغییر رنگ هنگام اسکرول Changing Colors on Scroll
-
لودر متحرک وبسایت Animated Website Loader
-
کورسور (نشانگر) متحرک Animated Cursor
-
انیمیشنهای پیمایشی Staggered Staggered Scroll Animations
-
پسزمینه پویا: متن با تصویر متحرک Dynamic Background: Text with Moving Image
-
Marquee - انیمیشن حاشیه صفحه Marquee - Page Border Animation
https://donyad.com/d/af2e0d
Course Max One
مقصد شما برای یادگیری آنلاین
نمایش نظرات