کتاب استفاده از CSS Transforms برای انیمیشن‌های 2D و 3D در وب

انتخاب پلن

انتخاب پلن برای ادامه خرید الزامی است.

پرداخت اقساطی
در صورت خرید اقساطی هر قسط: 62,488 تومان
۴ قسط ماهانه. بدون سود، چک و ضامن.
پرداخت اقساطی با دیجی‌پی پرداخت اقساطی با ترب‌پی

📚 محتوای این محصول آموزشی (پکیج کامل)

💡 این محصول یک نسخهٔ کامل و جامع است

تمامی محتوای آموزشی این کتاب در قالب یک بسته‌ی کامل و یکپارچه ارائه می‌شود و شامل تمام نسخه‌ها و فایل‌های موردنیاز برای یادگیری است.

🎁 محتویات کامل بسته دانلودی

🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل کتاب‌ها، تمرین‌ها و خودآزمایی .


ℹ️ نکات مهم هنگام خرید

  • این محصول به صورت فایل دانلودی کامل ارائه می‌شود و نسخهٔ چاپی ندارد.
  • توجه: لینک‌های اختصاصی دوره طی حداکثر 24 ساعت پس از ثبت سفارش ارسال می‌شوند.
  • دقت کنید لینک ها به شماره موبایل شما ارسال می شوند. پس در ارائه شماره موبایل صحیح دقت کنید.
  • برای راهنمایی در مورد نحوه دانلود به شماره 09395106248 پیامک دهید یا تماس بگیرید. (ایده آل ترین گزینه ارسال پیام در یکی از پیام رسان ها به همین شماره است تا سریعا لینک های کتاب همانجا برای شما ارسال گردد.)
  • اگر پرداخت انجام شده ولی بعد از 24 ساعت هنوز لینک‌ها را دریافت نکرده‌اید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینک‌ها دوباره ارسال شوند.

💬 راه‌های ارتباطی پشتیبانی:
واتس‌اپ یا هر پیام رسان داخلی یا پیامک: 09395106248
تلگرام: @ma_limbs

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره استفاده از CSS Transforms برای انیمیشن‌های 2D و 3D در وب

موضوع کلی: برنامه نویسی

موضوع میانی: انیمیشن‌های وب (Web Animations)

📋 سرفصل‌های دوره

  • 1. آشنایی با مفهوم Transforms در CSS
  • 2. مقدمه ای بر انیمیشن های CSS
  • 3. انواع Transforms در CSS: translate
  • 4. انواع Transforms در CSS: rotate
  • 5. انواع Transforms در CSS: scale
  • 6. انواع Transforms در CSS: skewX
  • 7. انواع Transforms در CSS: skewY
  • 8. ترکیب Transforms
  • 9. تنظیم نقطه مرکزی Transform (transform-origin)
  • 10. کاربرد Transforms در انیمیشن های 2D
  • 11. ایجاد افکت های بصری با Transforms
  • 12. انیمیشن های 2D پیچیده تر
  • 13. انتقال عناصر با Transforms
  • 14. چرخاندن عناصر با Transforms
  • 15. تغییر اندازه عناصر با Transforms
  • 16. کج کردن عناصر با Transforms
  • 17. استفاده از توابع زمانی (timing functions) در انیمیشن ها
  • 18. کلیدفریم ها (Keyframes) و @keyframes
  • 19. ایجاد انیمیشن های ساده با Keyframes
  • 20. ایجاد انیمیشن های پیچیده تر با Keyframes
  • 21. انیمیشن های مبتنی بر Transition
  • 22. مقایسه Transition و Animation
  • 23. کاربرد Transforms در انیمیشن های 3D
  • 24. مقدمه ای بر فضاهای 3D در CSS
  • 25. تبدیل سه بعدی: translateZ
  • 26. تبدیل سه بعدی: rotateX
  • 27. تبدیل سه بعدی: rotateY
  • 28. تبدیل سه بعدی: rotateZ
  • 29. تبدیل سه بعدی: scaleZ
  • 30. تبدیل سه بعدی: matrix3d
  • 31. تنظیم perspective
  • 32. تنظیم transform-style: preserve-3d
  • 33. کاربرد Transforms 3D در طراحی رابط کاربری
  • 34. ایجاد افکت های سه بعدی جذاب
  • 35. انیمیشن های 3D پیچیده تر
  • 36. انتقال در محور Z
  • 37. چرخش حول محور X
  • 38. چرخش حول محور Y
  • 39. چرخش حول محور Z
  • 40. تغییر مقیاس در محور Z
  • 41. استفاده از matrix3d برای کنترل دقیق تر
  • 42. ایجاد جلوه های عمق و فاصله
  • 43. انیمیشن های 3D برای صفحات وب
  • 44. ساخت گالری تصاویر سه بعدی
  • 45. ایجاد منوهای ناوبری سه بعدی
  • 46. انیمیشن های 3D برای دکمه ها و عناصر تعاملی
  • 47. استفاده از Transforms برای ایجاد جلوه های پارالاکس
  • 48. بهینه سازی انیمیشن های CSS
  • 49. تست و دیباگ انیمیشن ها
  • 50. بررسی عملکرد انیمیشن ها
  • 51. سازگاری مرورگرها
  • 52. نکات پیشرفته درTransforms 2D
  • 53. نکات پیشرفته در Transforms 3D
  • 54. استفاده از JavaScript برای کنترل انیمیشن ها
  • 55. ترکیب CSS Transforms با JavaScript
  • 56. ایجاد انیمیشن های تعاملی با JavaScript
  • 57. رویدادهای انیمیشن در JavaScript
  • 58. هماهنگ سازی انیمیشن ها
  • 59. کاربرد Transforms در جلوه های transitions
  • 60. ایجاد انیمیشن های صفحه ای
  • 61. انیمیشن های بارگذاری (loading animations)
  • 62. انیمیشن های انتقال صفحه
  • 63. انیمیشن های مبتنی بر اسکرول
  • 64. استفاده از Transforms برای ایجاد جلوه های optical illusions
  • 65. طراحی رابط کاربری خلاقانه با Transforms
  • 66. ساخت بازی های ساده با CSS Transforms
  • 67. انیمیشن های پیشرفته برای عناصر UI
  • 68. استفاده از Transforms در فرم های وب
  • 69. ایجاد افکت های hover پیشرفته
  • 70. انیمیشن های واکنش گرا (responsive animations)
  • 71. بررسی بهترین روش ها در استفاده از Transforms
  • 72. اصول طراحی انیمیشن های کاربردی
  • 73. اهمیت دسترسی پذیری در انیمیشن ها
  • 74. نکات امنیتی در استفاده از Transforms
  • 75. کاربرد Transforms در توسعه بازی های وب
  • 76. استفاده از Prefixes برای سازگاری
  • 77. مدیریت انیمیشن های پیچیده
  • 78. تکنیک های بهینه سازی حافظه در انیمیشن ها
  • 79. بررسی ابزارهای توسعه انیمیشن
  • 80. مفاهیم پیشرفته در CSS Animations
  • 81. استفاده از Custom Properties در انیمیشن ها
  • 82. ساخت انیمیشن های قابل تنظیم
  • 83. تکنیک های انیمیشن برای تجربه کاربری بهتر
  • 84. بررسی نمونه های موفق انیمیشن های وب
  • 85. آینده Transforms و انیمیشن ها در CSS
  • 86. خلاصه و جمع بندی مفاهیم اصلی
  • 87. تمرینات عملی برای تسلط بر Transforms
  • 88. پروژه های کاربردی برای تقویت مهارت

📚 محتوای این محصول آموزشی (پکیج کامل)

💡 این محصول یک نسخهٔ کامل و جامع است

تمامی محتوای آموزشی این کتاب در قالب یک بسته‌ی کامل و یکپارچه ارائه می‌شود و شامل تمام نسخه‌ها و فایل‌های موردنیاز برای یادگیری است.

🎁 محتویات کامل بسته دانلودی

🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل کتاب‌ها، تمرین‌ها و خودآزمایی .


ℹ️ نکات مهم هنگام خرید

  • این محصول به صورت فایل دانلودی کامل ارائه می‌شود و نسخهٔ چاپی ندارد.
  • توجه: لینک‌های اختصاصی دوره طی حداکثر 24 ساعت پس از ثبت سفارش ارسال می‌شوند.
  • دقت کنید لینک ها به شماره موبایل شما ارسال می شوند. پس در ارائه شماره موبایل صحیح دقت کنید.
  • برای راهنمایی در مورد نحوه دانلود به شماره 09395106248 پیامک دهید یا تماس بگیرید. (ایده آل ترین گزینه ارسال پیام در یکی از پیام رسان ها به همین شماره است تا سریعا لینک های کتاب همانجا برای شما ارسال گردد.)
  • اگر پرداخت انجام شده ولی بعد از 24 ساعت هنوز لینک‌ها را دریافت نکرده‌اید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینک‌ها دوباره ارسال شوند.

💬 راه‌های ارتباطی پشتیبانی:
واتس‌اپ یا هر پیام رسان داخلی یا پیامک: 09395106248
تلگرام: @ma_limbs

نظرات

هنوز نظری ثبت نشده است.

وارد شوید تا نظر ثبت کنید.