Frontend Masters – CSS Animations and Transitions 2022-7

توضیحات

CSS Animations and Transitions دوره آموزش انیمیشن سازی و متحرک سازی وب سایت ها و وب اپلیکیشن ها با زبان CSS می باشد که توسط آکادمی تخصصی فرانت اند مسترز منتشر شده است. انیمیشن ها و پویانمایی ها نقش بسیار مهمی در رابط کاربری گرافیکی وب سایت ها و اپلیکیشن ها ایفا کرده و می توانند به عناوین مختلف باعث بهبود تجربه کلی کاربر شوند. طراحی و پیاده سازی انیمیشن های بهینه و کاربردی و مهم تر از همه عدم زیاده روی در استفاده از انیمیشن ها دو زیر مهارت بسیار مهم در این حوزه می باشد که هر طراح و برنامه نویس وبی باید این دو را کسب کنید. از جمله مهم ترین مباحث مطرح شده در این دوره می توان به ارکستراسیون عناصر مختلف و کُرِئوگرافی آن ها اشاره کرد.

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

آنچه در دوره آموزشی CSS Animations and Transitions فرا خواهید گرفت:

• متغیرهای سی اس اس
• پراپرتی های مرتبط با انیمیشن سازی و پویانمایی وب سایت ها
• مدت زمان انیمیشن ها
• کی فریم ها و اهمیت آن ها در خلق افکت های ترکیبی و پیچیده
• مدیریت استیت و حالات مختلف افکت های انیمیشنی
• و …

مشخصات دوره

ناشر: Frontend Masters
مدرس: David Khourshid
زبان: انگلیسی
سطح آموزش: مقدماتی تا پیشرفته
تعداد دروس: 32
مدت زمان: 4 ساعت و 14 دقیقه

سرفصل های دوره CSS Animations and Transitions:

Introduction

Introduction

Course Overview

Fundamentals

Animation Fundamentals

Animation Easing

CSS Variables

What to Animate

Transitions

CSS Transitions

Button Transition Exercise

Button Transition Solution

Keyframes

CSS Keyframes

CSS Keyframes Exercise

CSS Keyframes Solution

Choreography

Choreography

Stagger Animation Exercise

Stagger Animation Solution

Composing Animations

Using Animations in React

State

States & Data Attributes

Creating a Simple State Machine

State Machine Q&A

Animating States Exercise

Animating States Solution

Layout Animations

Layout Animation FLIP Technique

FLIP Technique Q&A

FLIP Technique Exercise

FLIP Technique Solution

Reactive Animations

Pointer Events

Lerp Technique

In-Flight Application Animations

prefers-reduced-motion

Recreating an Animation

Wrapping Up

Wrapping Up

پیش نیاز های دوره

None

تصاویر دوره

فیلم معرفی دوره CSS Animations and Transitions

راهنمای نصب

پس از Extract با Player مورد نظر خود مشاهده کنید.

زیرنویس: انگلیسی

کیفیت: 1080p

لینک دانلود

دانلود دوره – 711 مگابایت

دانلود زیرنویس تنها

گذرواژه فایل(ها): www.downloadly.ir

حجم فایل

711 مگابایت