آموزش جان بخشیدن به SVG با جاوااسکریپت - آخرین آپدیت

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

آماده‌سازی SVGها برای انیمیشن وب Preparing SVGs for Web Animation

• نمونه‌سازی انیمیشن شما Prototyping Your Animation

• تولید SVGها در فیگما Generate Your SVGs on Figma

• بهینه‌سازی خروجی SVG برای انیمیشن Optimize Your SVG Exports for Animation

• انیمیت کردن با در نظر گرفتن عملکرد و دسترسی‌پذیری Animate with Performance and Accessibility in Mind

انیمیت کردن SVGها با تکنیک‌های داخلی Animating SVGs with Native Techniques

• تکنیک‌های مدرن انیمیشن Modern Animation Techniques

• انیمیشن‌های داخلی با CSS Native Animations - CSS

• انیمیشن‌های داخلی با SMIL Native Animations - SMIL

• آشنایی با کتابخانه‌های خارجی Introduction to External Libraries

انیمیت کردن SVGها با GSAP Animating SVGs with GSAP

• آشنایی با GSAP Getting to Know GSAP

• استفاده از GreenSock با SVG Using GreenSock with SVG

• استفاده از Tweens Using Tweens

• استفاده از Timelines Using Timelines

• کنترل‌ها Controls

• انیمیشن‌های ScrollTrigger ScrollTrigger Animations

• انیمیت کردن متن Animating Text

• دسترسی‌پذیری در GreenSock Accessibility in GreenSock

سایر کتابخانه‌های انیمیشن Other Animation Libraries

• آشنایی با Vivus.JS Getting to Know Vivus.JS

• آشنایی با Motion.Dev Getting to Know Motion.Dev

گسترش انیمیشن‌ها در نمودارها Expand Animations into Charts

• آشنایی با ChartJS Getting to Know ChartJS

• انیمیت کردن نمودارها با ChartJS Animating Charts with ChartJS

• بهبود دسترسی‌پذیری نمودارها Make Charts Accessible