دوره CSS for Animation همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره CSS for Animation

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

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

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

• 1. مقدمه‌ای بر CSS و اهمیت آن در طراحی وب
• 2. آشنایی با مفاهیم پایه‌ای CSS
• 3. ساختار و سینتکس CSS
• 4. انتخابگرها در CSS: انواع و کاربردها
• 5. مدیریت رنگ‌ها و پس‌زمینه‌ها در CSS
• 6. کار با فونت‌ها و متن‌ها در CSS
• 7. مفاهیم Box Model در CSS
• 8. اندازه‌گیری و واحدها در CSS
• 9. چیدمان عناصر با Flexbox
• 10. چیدمان عناصر با Grid Layout
• 11. تکنیک‌های Responsive Design با CSS
• 12. مقدمه‌ای بر انیمیشن در CSS
• 13. مفهوم Transition در CSS
• 14. تنظیمات Properties در Transitions
• 15. کار با Timing Functions در Transitions
• 16. ایجاد انیمیشن‌های پیچیده‌تر با Keyframes
• 17. ساختار و سینتکس @keyframes
• 18. تنظیمات Properties در Keyframes
• 19. انواع انیمیشن‌ها با Keyframes
• 20. کار با Transform در انیمیشن‌ها
• 21. تغییر مقیاس (Scale) در انیمیشن
• 22. چرخش (Rotate) در انیمیشن
• 23. جابجایی (Translate) در انیمیشن
• 24. خم کردن (Skew) در انیمیشن
• 25. ترکیب Transform ها در انیمیشن
• 26. انتقال (Transition) بر روی Transform ها
• 27. انیمیشن‌های متنی در CSS
• 28. انیمیشن پس‌زمینه (Background Animation)
• 29. انیمیشن اجزای رابط کاربری (UI Elements)
• 30. انیمیشن‌های مربوط به فرم‌ها
• 31. انیمیشن‌های مربوط به دکمه‌ها
• 32. انیمیشن‌های مربوط به منوها
• 33. انیمیشن‌های مربوط به اسلایدرها
• 34. انیمیشن‌های مربوط به بارگذاری (Loading Spinners)
• 35. انیمیشن‌های مربوط به پنجره‌های Modal
• 36. انیمیشن‌های پارالاکس (Parallax Scrolling)
• 37. ملاحظات عملکردی در انیمیشن‌های CSS
• 38. بهینه‌سازی انیمیشن‌ها برای سرعت
• 39. استفاده از Prefixes مرورگر برای سازگاری
• 40. انیمیشن‌های CSS در دستگاه‌های موبایل
• 41. تست و دیباگ کردن انیمیشن‌ها
• 42. ابزارهای توسعه‌دهنده برای انیمیشن CSS
• 43. مقدمه‌ای بر جاوا اسکریپت و تعامل با CSS
• 44. کنترل انیمیشن‌ها با جاوا اسکریپت
• 45. افزودن و حذف کلاس‌ها برای انیمیشن
• 46. تغییر مستقیم استایل‌ها با جاوا اسکریپت
• 47. استفاده از Web Animations API
• 48. مفاهیم پیشرفته در Web Animations API
• 49. ایجاد انیمیشن‌های سفارشی با جاوا اسکریپت
• 50. مقدمه‌ای بر کتابخانه‌های انیمیشن CSS
• 51. استفاده از Animate.css
• 52. کار با Animate.css برای انیمیشن‌های آماده
• 53. سفارشی‌سازی انیمیشن‌های Animate.css
• 54. معرفی کتابخانه GreenSock (GSAP)
• 55. مفاهیم پایه در GSAP
• 56. انیمیشن‌های ساده با GSAP
• 57. انیمیشن‌های پیچیده با GSAP
• 58. ترکیب انیمیشن‌ها در GSAP
• 59. همگام‌سازی انیمیشن‌ها با GSAP
• 60. استفاده از Timeline در GSAP
• 61. انیمیشن‌های مربوط به Scroll در GSAP
• 62. کار با GSAP در پروژه‌های واقعی
• 63. ملاحظات طراحی در انیمیشن‌ها
• 64. اصول روانشناسی رنگ در طراحی
• 65. اصول تایپوگرافی در طراحی وب
• 66. ایجاد سلسله مراتب بصری با انیمیشن
• 67. استفاده از انیمیشن برای راهنمایی کاربر
• 68. انیمیشن‌های مینیمال و کاربردی
• 69. انیمیشن‌های خلاقانه و هنری
• 70. اصول دسترسی‌پذیری (Accessibility) در انیمیشن‌ها
• 71. پرهیز از انیمیشن‌های آزاردهنده
• 72. انیمیشن‌های پایدار و مطمئن
• 73. مدیریت انیمیشن‌ها در پروژه‌های بزرگ
• 74. ساختاردهی کد CSS برای انیمیشن‌ها
• 75. استفاده از متغیرهای CSS در انیمیشن‌ها
• 76. کامپوننت‌سازی و انیمیشن
• 77. مقدمه‌ای بر SVG و انیمیشن آن
• 78. انیمیشن SVG با CSS
• 79. انیمیشن SVG با جاوا اسکریپت
• 80. انیمیشن‌های سه‌بعدی (3D) در CSS
• 81. مقدمه‌ای بر Transform های سه‌بعدی
• 82. کار با Perspective در انیمیشن‌های 3D
• 83. انیمیشن‌های چرخش سه‌بعدی
• 84. انیمیشن‌های انتقال سه‌بعدی
• 85. ملاحظات مربوط به عملکرد در انیمیشن‌های 3D
• 86. پروژه‌های عملی: طراحی یک رابط کاربری انیمیت شده
• 87. ساخت یک صفحه فرود (Landing Page) انیمیت شده
• 88. طراحی یک اپلیکیشن وب ساده با انیمیشن
• 89. ایجاد یک گالری تصاویر انیمیت شده
• 90. ساخت یک بازی ساده با انیمیشن‌های CSS
• 91. نمایش انیمیشن‌های CSS در مرورگرهای مختلف
• 92. مقدمه‌ای بر استانداردهای وب و انیمیشن
• 93. مستندسازی انیمیشن‌های CSS
• 94. جمع‌بندی و گام‌های بعدی در یادگیری انیمیشن CSS
• 95. کاربرد انیمیشن در برندینگ و هویت بصری
• 96. ایجاد تجربه کاربری (UX) جذاب با انیمیشن
• 97. پرهیز از زیاده‌روی در استفاده از انیمیشن
• 98. اصول انیمیشن در طراحی تعاملی
• 99. آخرین روندها در انیمیشن‌های وب
• 100. مباحث تکمیلی و منابع بیشتر