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

دوره آموزش انیمیشن های تعاملی با CSS و جاوا اسکریپت
Lynda – Interactive Animations with CSS and JavaScript
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل

در دنیای بدون فلش، انیمیشن با حالت ترکیبی ابزار قدرتمندی برای طراحان وب است.

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

فهرست سرفصل های دوره : آموزش Lynda – Interactive Animations with CSS and JavaScript
دوره آموزش انیمیشن های تعاملی با CSS و جاوا اسکریپت

• مقدمه
  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. نتیجه گیری
  مراحل بعدی

دوره آموزش انیمیشن های تعاملی با CSS و جاوا اسکریپت، Lynda – Interactive Animations with CSS and JavaScript، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!