کتاب صوتی CSS for Motion Graphics

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

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

عنوان دوره: دوره CSS for Motion Graphics

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

موضوع میانی: CSS

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

• 1. مقدمه‌ای بر CSS برای طراحی گرافیک متحرک
• 2. آشنایی با مفاهیم کلیدی انیمیشن در وب
• 3. نحوهٔ استفاده از CSS برای ایجاد استایل‌های پایه
• 4. انتخابگرهای CSS و کاربرد آن‌ها در انیمیشن
• 5. متغیرهای CSS و مدیریت آن‌ها
• 6. مفاهیم Transform در CSS (translate, rotate, scale)
• 7. ایجاد انیمیشن‌های ساده با کلیدواژه‌های @keyframes
• 8. تنظیم زمان‌بندی و مدت زمان انیمیشن‌ها
• 9. توابع زمان‌بندی (timing functions) در CSS
• 10. تأخیر در اجرای انیمیشن‌ها
• 11. تکرار انیمیشن‌ها و حالت‌های تکرار
• 12. جهت اجرای انیمیشن‌ها (direction)
• 13. حالت‌های پایانی انیمیشن (animation-fill-mode)
• 14. ایجاد افکت‌های ترنزیشن (transition) در CSS
• 15. تنظیم مشخصات ترنزیشن (property, duration, timing-function, delay)
• 16. ترنزیشن برای خواص مختلف CSS
• 17. انیمیشن‌های پیچیده با ترکیب کلیدواژه‌ها و ترنزیشن‌ها
• 18. استفاده از CSS Variables برای کنترل دینامیک انیمیشن‌ها
• 19. انیمیشن‌های مبتنی بر اسکرول با CSS (Scroll-driven animations)
• 20. مقدمه‌ای بر SVG و ادغام آن با CSS
• 21. انیمیشن SVG با استفاده از CSS (SMIL vs CSS)
• 22. انیمیشن مسیر در SVG با CSS
• 23. انیمیشن شکل در SVG با CSS
• 24. استفاده از Pseudo-elements برای ایجاد افکت‌های انیمیشنی
• 25. انیمیشن متن با CSS
• 26. ایجاد انیمیشن‌های پارالاکس با CSS
• 27. بهینه‌سازی انیمیشن‌های CSS برای عملکرد بهتر
• 28. تست و دیباگ انیمیشن‌های CSS
• 29. اصول طراحی گرافیک متحرک و کاربرد آن در وب
• 30. کاربرد انیمیشن در رابط کاربری (UI)
• 31. انیمیشن برای بهبود تجربه کاربری (UX)
• 32. انیمیشن‌های بارگذاری (Loading Animations)
• 33. انیمیشن‌های ورود و خروج عناصر
• 34. انیمیشن‌های تعاملی (Interactive Animations)
• 35. ملاحظات دسترسی‌پذیری در انیمیشن‌های CSS
• 36. انیمیشن‌های ریسپانسیو (Responsive Animations)
• 37. استفاده از کتابخانه‌های CSS انیمیشن (مثل Animate.css)
• 38. مقایسهٔ CSS Animations با JavaScript Animations
• 39. مقدمه‌ای بر کتابخانه‌های JavaScript برای انیمیشن (GSAP)
• 40. انیمیشن‌های پیشرفته با JavaScript و CSS
• 41. کاربرد انیمیشن در طراحی بازی‌های ساده تحت وب
• 42. انیمیشن‌های سه‌بعدی با CSS (3D Transforms)
• 43. ایجاد افکت‌های سایه و نور با CSS
• 44. انیمیشن‌های مبتنی بر فریم (Sprite Animations)
• 45. استفاده از Canvas API برای انیمیشن‌های سفارشی
• 46. مقدمه‌ای بر WebGL برای انیمیشن‌های سه‌بعدی پیشرفته
• 47. انیمیشن‌های مبتنی بر فیزیک با CSS
• 48. مدیریت انیمیشن‌ها در پروژه‌های بزرگ
• 49. اصول انیمیشن‌سازی در فرهنگ ایرانی-اسلامی
• 50. ملاحظات شرعی در طراحی محتوای بصری متحرک
• 51. استفاده از رنگ‌ها و پالت‌های رنگی سازگار با فرهنگ
• 52. طراحی آیکون‌های متحرک با رویکرد بومی
• 53. انیمیشن برای معرفی شخصیت‌های تاریخی/مذهبی (با رعایت چارچوب)
• 54. انیمیشن برای مفاهیم آموزشی دینی (با رعایت چارچوب)
• 55. انیمیشن برای داستان‌های قرآنی (با رعایت چارچوب)
• 56. انیمیشن برای معرفی اماکن مذهبی (با رعایت چارچوب)
• 57. طراحی انیمیشن‌های آموزشی برای دروس رسمی
• 58. ایجاد انیمیشن‌های تعاملی برای یادگیری مفاهیم علمی
• 59. استفاده از انیمیشن برای توضیح فرآیندهای پیچیده
• 60. انیمیشن‌های گرافیکی برای ارائهٔ آمار و اطلاعات
• 61. طراحی مولتی‌مدیا آموزشی با رویکرد انیمیشن
• 62. انیمیشن برای معرفی نرم‌افزارهای داخلی
• 63. استفاده از انیمیشن در پلتفرم‌های آموزشی آنلاین
• 64. انیمیشن‌های اطلاع‌رسانی و آموزشی عمومی
• 65. انیمیشن‌های سازگار با نیازهای خاص (مانند کم‌بینایان)
• 66. اصول مدیریت پروژه در تولید محتوای انیمیشن
• 67. تکنیک‌های رندرینگ انیمیشن در وب
• 68. مقایسهٔ انیمیشن‌های CSS با انیمیشن‌های مبتنی بر ویدئو
• 69. استفاده از انیمیشن برای ایجاد جلوه‌های بصری جذاب
• 70. انیمیشن‌های مینیمال و کاربردی
• 71. طراحی انیمیشن‌های سازگار با دستگاه‌های مختلف
• 72. بهینه‌سازی مصرف منابع در انیمیشن‌های وب
• 73. تکنیک‌های پیشرفتهٔ CSS برای انیمیشن‌های پیچیده
• 74. کاربرد انیمیشن در برندینگ و هویت بصری
• 75. انیمیشن‌های معرفی محصول
• 76. انیمیشن‌های توضیحی (Explainer Videos)
• 77. انیمیشن‌های خلاقانه برای کمپین‌های فرهنگی
• 78. استفاده از انیمیشن برای انتقال پیام‌های اجتماعی
• 79. اصول طراحی انیمیشن برای مخاطبان کودک و نوجوان
• 80. انیمیشن‌های آموزشی برای مفاهیم شهروندی
• 81. طراحی انیمیشن‌های تعاملی برای موزه‌ها و نمایشگاه‌ها
• 82. استفاده از انیمیشن در واقعیت افزوده (AR)
• 83. مقدمه‌ای بر Web Animations API
• 84. کنترل پیشرفتهٔ انیمیشن‌ها با JavaScript
• 85. ایجاد انیمیشن‌های تطبیقی (Adaptive Animations)
• 86. تکنیک‌های انیمیشن برای ایجاد حس عمق
• 87. استفاده از انیمیشن برای برجسته کردن اطلاعات مهم
• 88. انیمیشن‌های خلاقانه برای وب‌سایت‌های خبری
• 89. طراحی انیمیشن‌های سازگار با استانداردهای وب
• 90. ملاحظات امنیتی در استفاده از انیمیشن‌های وب
• 91. بررسی روندها و نوآوری‌ها در انیمیشن‌های CSS
• 92. استفاده از انیمیشن برای ایجاد حس پویایی و زنده بودن
• 93. انیمیشن‌های مینیمالیستی برای تمرکز بر محتوا
• 94. طراحی انیمیشن‌های سازگار با هویت بصری سایت
• 95. انیمیشن‌های تعاملی برای افزایش درگیری کاربر
• 96. مقدمه‌ای بر ابزارهای طراحی انیمیشن (مانند After Effects)
• 97. انتقال انیمیشن‌های طراحی شده از ابزارهای دیگر به وب
• 98. مدیریت خطاها و مشکلات رایج در انیمیشن‌های CSS
• 99. ارزیابی اثربخشی انیمیشن‌ها در پروژه‌ها
• 100. اصول انیمیشن‌سازی برای انتقال احساسات