انیمیشن وب خلاق با GSAP 3 - جاوا اسکریپت، سی اس اس و SVG

آنچه یاد خواهید گرفت:

• مفاهیم اولیه (شیء Tween ،Gsap و متدهای رایج برای ایجاد آن، ابزار Timeline، پارامترهای موقعیت، متدهای اولیه کنترل انیمیشن و Easing)
• متدها و ویژگی‌های انیمیشن در GSAP core (هدف، سینتکس، ویژگی‌های اپلیکیشن و مثال‌های استفاده)
• پلاگین‌های GSAP core - بررسی AttrPlugin ،CSSPlugin ،ModifiersPlugin ،EndArrayPlugin و SnapPlugin
• این دوره شامل پروژه‌های انیمیشن منحصر به فردی است که مشخصات ویژگی‌ها و متدهای موجود در هسته کتابخانه GSAP را نشان می‌دهند.

توضیحات دوره

آیا می‌خواهید یاد بگیرید چگونه انیمیشن‌های وب خلاق بسازید؟ شاید از قبل با انیمیشن GSAP آشنا هستید و می‌خواهید به دانش خود عمق بخشید و آن را گسترش دهید؟ آیا به دنبال افکت‌های انیمیشنی جالب و خطای دید هستید؟

شما دوره‌ی مناسبی را انتخاب کرده‌اید!

در این دوره، شما ابزاری بسیار قوی را برای ایجاد انیمیشن‌های وب یاد خواهید گرفت که نام آن GreenSock Animation Platform (GSAP) است. شما با آخرین نسخه ابزار انیمیشن وب، GSAP 3، آشنا خواهید شد. امروزه، GSAP قوی‌ترین کتابخانه‌ی انیمیشن جاوا اسکریپت با بالاترین سطح عملکرد در دنیا است.

این آموزش از مدل تدریس آکادمیک کلاسیک استفاده می‌کند. در ابتدای درس‌ها، اطلاعات نظری و پس از آن مثال‌های عملی انیمیشن وب ارائه می‌شود تا دانش جدید خود را تثبیت کنید. هدف این دوره نشان دادن کامل بودن و تنوع تکنیک‌های انیمیشن با GSAP است.

این دوره به صورت ترتیبی، از ساده به پیچیده، ساختار یافته است. در آغاز، مفاهیم اولیه را بررسی می‌کنید و ساده‌ترین انیمیشن‌ها را می‌سازید، سپس به بررسی ویژگی‌ها و متدهای موجود در کتابخانه GSAP می‌پردازید و انیمیشن‌های پیچیده‌تری می‌سازید. در نهایت، در پایان دوره، با پلاگین‌های موجود در هسته‌ی کتابخانه آشنا می‌شوید. در قسمت نهایی، جالب‌ترین و پیچیده‌ترین انیمیشن‌های وب را می‌سازید.

این دوره مثال‌های جالب زیادی از انیمیشن جاوا اسکریپت همراه با کد ارائه می‌دهد.

پس از اتمام دوره، شما به طور کامل به هسته‌ی کتابخانه GSAP 3 مسلط خواهید بود. شما قادر خواهید بود هر انیمیشن وبی را که تخیل شما اجازه می‌دهد، ایجاد کنید.

این دوره به‌صورت ترتیبی ساختار یافته است، از مبانی آغاز می‌شود و به تدریج به انیمیشن‌های پیچیده‌تر می‌رسد و در پایان به معرفی پلاگین‌های داخلی هسته این کتابخانه می‌پردازد. طراحی گرافیکی این دوره شامل عنوان فصل، درس، نام درس یا موضوع بعدی، اطلاعات نظری در سمت راست، ویرایشگر کد ویژوال استودیو در سمت چپ با مثال‌هایی که نظریه را نمایش می‌دهد و اطلاعات کمکی در پایین است.

شما مثال‌های جذاب زیادی از انیمیشن جاوا اسکریپت همراه با کد دریافت خواهید کرد و می‌توانید با انتخاب یکی از دو گزینه، خودتان به تنهایی آزمایش کنید. به عنوان اولین گزینه، می‌توانید یک لینک به کد درس فعلی در ویرایشگر آنلاین CodePen دریافت کنید. گزینه دوم شما این است که آرشیو را دانلود کرده و آن را در دیسک خود unpack کنید. فایل‌ها را در ویرایشگر کد باز کنید و کتابخانه را با توجه به دستورالعمل موجود در فصل دستورالعمل متصل کنید.

پس از اتمام این دوره، شما به طور کامل به هسته‌ی کتابخانه GSAP 3 مسلط خواهید بود و قادر به ایجاد هر انیمیشن وبی خواهید بود که تخیل شما اجازه می‌دهد.

همین حالا در این دوره شرکت کنید و ساخت انیمیشن‌های وب خیره‌کننده با جاوا اسکریپت، SVG و سی اس اس همراه با پلتفرم انیمیشن GreenSock را شروع کنید.

این دوره برای چه کسانی مناسب است؟

• هر کسی که به انیمیشن وب علاقه‌مند است.
• توسعه‌دهندگان جاوا اسکریپت
• توسعه‌دهندگان سی اس اس
• توسعه‌دهندگان اچ تی ام ال
• طراحان وب
• توسعه‌دهندگان فرانت‌اند
• طراحان رابط کاربری و تجربه کاربری
• افرادی که یک کتابخانه منحصر به فرد از دانش جمع‌آوری می‌کنند تا از هر جایی در جهان به آن دسترسی داشته باشند.
• افراد خلاقی که به یادگیری چیزهای جدید علاقه‌مندند.