Udemy – Mastering GSAP and CSS Animation with SVG 2025-5

در تاریخ: 1404/09/20 3:21:49

توضیحات

دوره Mastering GSAP and CSS Animation with SVG. به ما در سفری همه جانبه در دنیای انیمیشن های CSS با SVG (گرافیک برداری مقیاس پذیر) بپیوندید. در این دوره جامع، یاد خواهید گرفت که چگونه از قدرت CSS و SVG برای ایجاد تجربیات وب جذاب، تعاملی و پویا استفاده کنید. دوره CSS و SVG Animation Fundamentals به گونه ای طراحی شده است که به دانش آموزان درک جامعی از ایجاد انیمیشن های وب پویا و جذاب با استفاده از CSS (Cascading Style Sheets) و SVG (گرافیک برداری مقیاس پذیر) ارائه دهد. این دوره برای توسعه دهندگان وب مبتدی و متوسط مناسب است که می خواهند مهارت های خود را در ایجاد انیمیشن های جذاب برای وب سایت ها و برنامه های وب افزایش دهند. در طول مدت 8 هفته، دانش آموزان اصول اساسی، تکنیک ها و بهترین شیوه های انیمیشن CSS و SVG را یاد خواهند گرفت. آنها ویژگی های مختلف CSS و عناصر SVG لازم برای زنده کردن محتوای وب استاتیک، افزودن تعامل و افزایش تجربه کاربر را بررسی خواهند کرد. این دوره همچنین آخرین روندها و استانداردهای صنعت را پوشش می دهد و تضمین می کند که دانش آموزان به دانش به روز مجهز هستند. موضوعات کلیدی تحت پوشش :

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

مزایای دوره: در پایان دوره، دانش آموزان پایه محکمی در انیمیشن های CSS و SVG به دست خواهند آورد که آنها را قادر می سازد:

با استفاده از CSS و SVG، انیمیشن های وب جذاب و تعاملی بصری ایجاد کنید.
اصول و تکنیک های طراحی انیمیشن موثر را درک کنید.
انیمیشن ها را برای عملکرد و سازگاری مرورگر بهینه کنید.
کتابخانه ها و چارچوب های انیمیشن را در پروژه های خود بگنجانید.
با افزودن انیمیشن های جذاب به وب سایت ها و برنامه های کاربردی وب، تجربه کاربر را افزایش دهید.

پیش نیازها: این دوره شامل درک اولیه HTML، CSS و جاوا اسکریپت است. آشنایی با مفاهیم توسعه وب و مقداری تجربه در ساخت صفحات وب مفید خواهد بود اما اجباری نیست. به دوره CSS و SVG Animation Fundamentals بپیوندید و مهارت های توسعه وب خود را به سطح بالاتری ببرید. خلاقیت خود را آزاد کنید و مخاطبان خود را با انیمیشن های خیره کننده مجذوب خود کنید.

آنچه که در دوره Mastering GSAP and CSS Animation with SVG فرا خواهید گرفت

svg را از مبتدی تا پیشرفته کامل کنید
عناصر Svg
لوگو و نماد متحرک svg
فیلترهای SVG
بر انیمیشن ها، انتقال ها و تبدیل های CSS مسلط شوید
انیمیشن سه بعدی CSS
آموزش جلوه های انیمیشن CSS Keyframe
transition css , css animation , hover css , hover css animation , css hover effect transition , css image effect , css effect , css animation نمونه ها

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

توسعه دهندگان frontend
طراح وب سایت
توسعه دهندگان CSS
طراح UX/UI

مشخصات دوره Mastering GSAP and CSS Animation with SVG

ناشر: Udemy
مدرس: Jayanta Sarkar
سطح آموزش: مبتدی تا پیشرفته
مدت زمان آموزش: 11 ساعت و 2 دقیقه
تعداد دروس: 83

سرفصل های دوره

Mastering GSAP and CSS Animation with SVG

پیشنیازهای دوره Mastering GSAP and CSS Animation with SVG

If you have a knowledge of any vector graphics software like Illustrator, Then you would have benefited a lot but it is not required.
You should have little experience with HTML and CSS
Any text editor (Visual Studio code editor recommended)
An Internet Connection

تصاویر دوره

Mastering GSAP and CSS Animation with SVG

نمونه فیلم دوره

راهنمای نصب

پس از Extract، با Player دلخواه خود مشاهده کنید.

زیرنویس: انگلیسی

کیفیت: 1080p

عنوان قبلی:

Mastering CSS Animation with SVG

تغییرات:

نسخه 2025/5 نسبت به 2023/6 به مدت زمان 3 ساعت افزایش داشته است. همچنین زیرنویس انگلیسی به دوره اضافه شد. همچنین کیفیت دوره از 720p به 1080p افزایش یافته است.