آموزش ساخت انیمیشن برای صفحات وب با CSS, JavaScript

در این دوره آموزشی یاد می گیرید که چطور افکت های انیمیشنی مورد نیاز برای صفحات وب را بوسیله جاوا اسکریپت و سی اس اس بسازید.

عنوان اصلی : Interactive Animations with CSS and JavaScript

سرفصل ها :

معرفی
Beyond Flash: ایجاد انیمیشن برای وب مدرن
آنچه شما باید بدانید
1. ساختن یک بنیاد
داستان بازی
عناصر صحنه
استراتژی های انیمیشن
محیط خود را تنظیم کنید
2. HTML Layout
عناصر سفارشی HTML
CSS پاسخگو با واحدهای مشاهده
یک مربع با CSS vmin ایجاد کنید
عنصر مرکزی با حاشیه های CSS
عنصر مرکزی CSS flexbox
با flexbox یک طرح پویا ایجاد کنید
3. تعامل با جاوا اسکریپت
ویژگی انتخابگر CSS
یک کنترل کننده رویداد جاوا اسکریپت اضافه کنید
پیمایش در DOM
4. اضافه کردن انیمیشن
تنظیم انیمیشن
CSS @keyframes
تسهیل
پیشرفت خودکار با جاوا اسکریپت
انیمیشن ها را با کلاس ها کنترل کنید
دید متحرک
ما به مونتاژ نیاز داریم
اضافه کردن یک کنترل کننده رویداد انیمیشن پایان
متحرک سازی با انتقال CSS
انیمیشن های هدفمند با استفاده از شناسه ها
دستکاری DOM با جاوا اسکریپت
تصادفی کردن نمایش اسلایدها
تنظیم زمان برای انتقال
5. کار با SVG
DOM همه چیز است
دستکاری SVG با جاوا اسکریپت
استفاده از CSS در SVG
تناسب و تمام شود
6. نتیجه گیری
مراحل بعدی