یادگیری انیمیشن وب به آسانی: آشنایی با SVG و GSAP

معرفی
سرفصل

✅ سرفصل و جزئیات آموزش

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

فهم SVG و مزایای استفاده از آن در حال حاضر
گنجاندن SVG در یک وب‌سایت و سازماندهی عناصر SVG برای انیمیشن وب
تجربه عملی با GreenSock Animation Platform و نحوه انیمیشن هر چیزی با آن
تسلط به نحوه‌ی آسان تقسیم یک پروژه SVG به scenes و تایم لاین ها در GreenSock
ایجاد یک کارت تبریک پیچیده و کاملاً انمیشنی، مرحله به مرحله و آماده برای به اشتراک‌گذاری با دوستان

پیش نیازهای دوره

دانشجویان باید درک خوبی از HTML ،CSS و JavaScript داشته باشند.
دانشجویان به یک ویرایشگر متن نیاز دارند تا با ویدیوهای کدنویسی همراه شوند.
دانشجویان به روشی برای اجرای فایل‌های پشتیبان در سرور و مرورگر محلی نیاز دارند.

توضیحات دوره

اگر شما یک توسعه‌دهنده سمت کاربر، طراح UI/UX یا فقط یک علاقه‌مند به انیمیشن وب هستید، از تکنیک‌های آموزش داده‌شده در این دوره بهره‌مند خواهید شد. ما از یک رویکرد مبتنی بر پروژه برای معرفی فرمت گرافیکی SVG و GreenSock Animation Platform استفاده می‌کنیم؛ احتمالاً قدرتمندترین و کارآمدترین کتابخانه انیمیشن JavaScript موجود در حال حاضر.

در حین ساخت یک کارت تبریک انیمیشن پیچیده، یاد خواهید گرفت:

چرا SVG امروزه یک کالای داغ است؟
مزایای استفاده از SVG
درباره اشکال SVG و تگ‌های سفارشی
چگونه SVG را در یک وب‌سایت include کنیم؟
چگونه عناصر SVG را برای انیمیشن وب سازماندهی کنیم؟
GreenSock Animation Platform چیست؟
چگونه می‌توان تفاوت بین بسته‌های مختلف GreenSock را درک کرد و از کدامیک استفاده کرد؟
API GreenSock و شش تابع بنیادی tweening آن
همه چیز در مورد تایم لاین ها و نحوه کارکرد آنها در GreenSock
چگونه پروژه SVG را به scenes تقسیم کنیم؟
چگونه انیمیشن‌های جذاب و تاثیرگذار را تکه به تکه ایجاد کنیم؟
چگونه از تایم لاین ها برای سازماندهی کل توالی‌های انیمیشن خود استفاده کنیم؟
و خیلی بیشتر...

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

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