دوره آموزشی یادگیری Anime.js
1 ساعت 20 دقیقهمتوسط2021-04-12
مدرسین

Maryam Hanafiah
جزئیات دوره
برای توسعه دهندگان جاوا اسکریپت ، ایجاد انیمیشن از طریق ویژگی های CSS می تواند بیگانه به نظر برسد ، در حالی که مشخص کردن همه جزئیات در جاوا اسکریپت می تواند بیانگر باشد. Anime.js با اسکریپت نویسی CSS و سایر تغییرات مجموعه ای آسان از ابزارها برای ایجاد انیمیشن را به توسعه دهندگان جاوا اسکریپت ارائه می دهد. در این دوره مربی مریم حنفیا نحوه متحرک سازی HTML و SVG را از طریق JavaScript ، از جمله تکنیک های صیقل دادن انیمیشن های شما ، توضیح می دهد. مریم به شما نشان می دهد که چگونه شروع به متحرک سازی اشیا simple ساده ، دستکاری مقادیر انیمیشن و تعریف پارامترهای انیمیشن کنید. وی چگونگی استفاده از تسهیل کننده و سرسام آور را برای حرکت طبیعی تر ارائه می دهد ، و سپس با بحث در مورد اضافه کردن کنترل های اصلی انیمیشن و کنترل پیمایش به پایان می رسد.
مهارت ها
JavaScriptOracleFront-End Web DevelopmentWeb DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - متحرک سازی خصوصیات CSS با جاوا اسکریپت
- 02 - آنچه باید بدانید
1. شروع به کار
- 03 - راه اندازی انیمه
- 04 - متحرک سازی اهداف با ویژگی ها و تبدیل های CSS
- 05 - متحرک سازی اهداف با اعداد
- 06 - دستکاری مقادیر انیمیشن
- 07 - تعریف پارامترهای انیمیشن
2. صاف کردن
- 08 - استفاده از آسان سازی برای حرکت طبیعی تر
- 09 - استفاده از تلوتلو برای حرکت طبیعی تر
- 10 - اضافه کردن کنترل های اولیه انیمیشن
- 11 - اضافه کردن کنترل های اسکرول
- 12 - یک div را به چالش بکشید و کنترل های کاربر را در آن قرار دهید
- 13 - راه حل یک div را متحرک کنید و کنترل های کاربر را در آن قرار دهید
نتیجه
- 14 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی چالشهای کدنویسی جاوااسکریپت: ساخت اپلیکیشنهای وب
- دوره آموزشی الگوهای JavaScript: راهحلهای مدرن برای چالشهای رایج
- دوره آموزشی جاوااسکریپت: ساخت ساختار داده لیستهای پیوندی
- دوره آموزشی جاوا اسکریپت: نقشه ها و مجموعه ها
- دوره آموزشی آرایه ها در جاوا اسکریپت
- دوره آموزشی یادگیری جاوااسکریپت: نوشتن کد مدرن با JavaScript ESNext
- دوره آموزشی یادگیری برنامهنویسی تابعی با جاوااسکریپت +ES6
- دوره آموزشی ساخت برنامههای تایپاسکریپت با JSDoc