انیمیشن های تعاملی با CSS و جاوا اسکریپت

مدرس W. Scott Means

انتشار 2018/09/04

مدت زمان 1h 40m

سطح متوسط

فایل تمرینی دارد

آموزش Interactive Animations with CSS and JavaScript

در دنیای بدون فلش، انیمیشن با حالت ترکیبی ابزار قدرتمندی برای طراحان وب است. این دوره نحوه انتخاب ترکیب صحیح HTML، جاوا اسکریپت، CSS و سایر دارایی‌ها را برای ارائه انیمیشن‌های مبتنی بر وب که در همه چیز از تلویزیون‌های صفحه‌تخت گرفته تا گوشی‌های هوشمند عالی به نظر می‌رسند را نشان می‌دهد. مدرس W. Scott Means بر این تمرکز می کند که چگونه انیمیشن های CSS، جاوا اسکریپت و SVG می توانند برای تولید جلوه های پیچیده و در عین حال که پیچیدگی کد را به حداقل می رساند، استفاده شوند. همانطور که او مراحل ساخت یک ارائه پویا را انجام می دهد، استوری بردینگ، عناصر سفارشی HTML5، کار با SVG، دستکاری DOM و موارد دیگر را پوشش می دهد.

Cascading Style Sheets (CSS) Computer Animation Front-end Development JavaScript

Introduction

Beyond Flash: Creating animations for the modern web ()

What you should know ()

1. Building a Foundation

Storyboarding ()

Scene elements ()

Animation strategies ()

Set up your environment ()

2. HTML Layout

HTML custom elements ()

Responsive CSS with view units ()

Create a square with CSS vmin ()

Center element with CSS margins ()

Center element CSS flexbox ()

Create a dynamic layout with flexbox ()

3. Interactivity with JavaScript

CSS selector specificity ()

Add a JavaScript event handler ()

Navigating the DOM ()

4. Adding Animation

Animation setup ()

CSS @keyframes ()

Easing ()

Auto-advance with JavaScript ()

Control animations with classes ()

Animate visibility ()

We need a montage ()

Adding an animationend event handler ()

Animating with CSS transitions ()

Targeted animations using IDs ()

Manipulating DOM with JavaScript ()

Randomize slide displays ()

Set timing for transitions ()

5. Working with SVG

The DOM is everything ()

Manipulating SVG with JavaScript ()

Applying CSS to SVG ()

Fit and finish ()

6. Conclusion

Next steps ()

Ex_Files_Interactive_Animations_CSS_JS.zip (7.2 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.