توضیحات
SVG Essentials & Animation, v2، یک دوره آموزش ساخت و بهینه سازی تصاویر گرافیکی با فرمت SVG برای وب میباشد که باعث میشود شما به وبسایتی با فایل های سبک و بارگیری سریع دست یابید. در این دوره شما با ساخت گرافیک های immersive و چگونگی پویانمایی آنها آشنا میشوید.
آنچه در دوره SVG Essentials & Animation, v2 یاد خواهید گرفت:
- آشنایی با اصول مبانی کار با SVG
- مرور کلی از آناتومی SVG شامل چیستی آن، عملکرد آن و یادگیری اشکلال افلاطونی، دسترسی پذیری و موارد دیگر
- آموزش پویانمایی در CSS، بهینه سازی و ساخت SVG، نمونه سازی، تفاوت در عملکرد های مختلف و چرایی استفاده از SVG
- یادگیری کار با ابزار های مختلف مثل GreenSock
- پویانمایی UI/UX، مهندسی اجتماعی با انیمیشن و اثر متقابل
- کار با SVG پیشرفته، شامل viewBox، svgOrigin، Clipping و Masking
مشخصات دوره
ناشر: FrontendMasters
مدرس: Sarah Drasner
زبان: انگلیسی
سطح آموزش: مقدماتی تا پیشرفته
تعداد دروس: 57
مدت زمان: 4 ساعت و 12 دقیقه
سرفصل های دوره:
Introduction
introduction setup
SVG Anatomy Overview
what is svg
svg support performance
the antidote to positioning in css
platonic shapes
viewbox responsive
preserveaspectratio
paths groups polylines
animated b‚zier curves template literals
accessibility
CSS Animation
optimizing building
constructing an svg
starting an svg
prototyping
planning an animation exercise
planning an animation review
animation support breakdown
differences in functionality
why svg
transform origin
animate an svg exercise
svg tools and ideas q a
sprites
atmospheric elemental motion
GreenSock
tools overview
performance gsap
tweenmax syntax
stagger
gsap monster demo
cycle stagger
setting css properties
comments on d3
timeline
gsap demo
gsap exercise
UI/UX Animation
ui vs standalone animation
social engineering with animation
context switching
improving an existing ui demo
interaction js detection scaling
interaction gsap timeline functions
interaction demo
draggable
interactive exercise
GSAP Extras
drawsvg
motion along a path
curviness rotation
animating text
relative color values
creating a story exercise
morphsvg
bonus demos
shape morph exercise
Advanced SVGs
clipping masking
viewbox
svgorigin
Conclusion
thanks
پیش نیاز دوره:
تصاویر
فیلم نمونه
راهنمای نصب
پس از Extract، با Player دلخواه خود مشاهده کنید.
زیرنویس: انگلیسی
کیفیت: 1080p
لینک دانلود
گذرواژه فایل(ها): www.downloadly.ir
حجم فایل
1.5 گیگابایت
