آموزش متحرک سازی با JavaScript Web Animations API

درس ها Lessons

• توضيح دهنده اساسي تماس ها و قول ها Callbacks and Promises Basic Explainer

• اضافه کردن انیمیشن ها با هم Adding Animations Together

• WAAPI 13 WAAPI 13

• متعهد شدن استایل ها به DOM Committing Styles into the DOM

• راه اندازی اولیه Basic Setup

• نمای کلی فایل انیمیشن Animation File Overview

• ایجاد مرحله و کنترل Creating the Stage and Controls

• یک نمونه API انیمیشن وب ساده A Simple Web Animation API Example

• مقدمه Introduction

• همان انیمیشن ساخته شده با CSS و JS The Same Animation made with CSS and JS

• به روز رسانی پروژه Project Refresh

• دیگر ماتریس وجود ندارد No More Matrix

• ساخت پروژه The Project Build

• چرا فقط از CSS استفاده نمی کنید؟ Why not just use CSS?

• نظریه انیمیشن وب: فریم های کلیدی Web Animation theory: Keyframes

• گزینه های زمان بندی Timing Options

• حتی یک API چیست؟ What even is an API?

• نوشتن انیمیشن ها Writing the Animations

• مکث و راه اندازی مجدد انیمیشن ها Pausing and Restarting Animations

• توالی انیمیشن ها Sequencing Animations

• بازسازی کد ما Refactoring Our Code

• انیمیشن های جدید در اواسط تبدیل New Animations mid-transform

• نتیجه Conclusion