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

SVG Animation with JavaScript

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: با انیمیشن های SVG و CSS احساس راحتی می کنید ، اما چیزی از دست رفته است ، نه؟ زیرا انیمیشن های CSS فقط تا اینجا می توانند ما را ببرند. اگر می خواهید مهارت های انیمیشن خود را به سطح دیگری برسانید ، دوره SVG Animation با جاوا اسکریپت است ... آیا تاکنون برای ایجاد انیمیشن های SVG با CSS تلاش نکرده اید؟ اگر چنین است ، این دوره عالی برای شماست. در این دوره ، SVG Animation with JavaScript ، شما می آموزید که چگونه انیمیشن را به روشی آسان و قابل نگهداری انجام دهید. در ابتدا ، ما با کتابخانه های مختلف بومی و خارجی موجود در مرورگر آشنا خواهیم شد. در مرحله بعدی ، ما می آموزیم که چگونه نمونه های اولیه انیمیشن ها را تولید کنیم و در آخر ، یاد می گیریم که چگونه SVG های خود را با استفاده از پلت فرم انیمیشن GreenSock متحرک کنیم. هنگامی که با این دوره JavaScript به پایان رسید ، نه تنها قادر به ایجاد انیمیشن های چشمگیر با GreenSock هستید بلکه به اندازه کافی احساس راحتی می کنید تا بدون هیچ نگرانی فناوری خلاق باشید. نرم افزار مورد نیاز: Adobe Illustrator و یک ویرایشگر کد مانند Visual Studio Code.

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

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

شروع شدن Getting Started

  • تکنیک های انیمیشن Animation Techniques

  • انیمیشن های بومی Native Animations

  • کتابخانه های خارجی External Libraries

نمونه سازی و راه اندازی Prototyping and Setup

  • نمونه سازی و تنظیم Prototyping and Set Up

  • صفحه داستان و فیلمنامه Storyboards and Scripts

  • آماده سازی دارایی ها Preparing Assets

  • SVG و Animate را بهینه کنید Optimize SVG and Animate

متحرک سازی SVG با GSAP Animating SVG with GSAP

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

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

  • تواین لایت TweenLite

  • TimelineLite TimelineLite

  • کنترل ها Controls

  • TweenMax و TimelineMax TweenMax and TimelineMax

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

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

  • Vivus JS VivusJS

  • BodyMovin BodyMovin

نمایش نظرات

Pluralsight (پلورال سایت)

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

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

آموزش انیمیشن SVG با جاوا اسکریپت
جزییات دوره
0h 54m
17
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
22
4.2 از 5
دارد
دارد
دارد
Eva Ferreira
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Eva Ferreira Eva Ferreira

اوا فریرا یک توسعه دهنده Front-End است و علاقه زیادی به تدریس دارد. وی در حال حاضر به عنوان استاد در دانشگاه فنی ملی آرژانتین کار می کند. او همچنین در رویدادهای Front-End مانند CSSConf US ، CSSConf Australia و SassConf صحبت می کند و CSSConf Argentina را سازمان می دهد.