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

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

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

عنوان دوره: دوره CSS for Authentic Learning

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

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

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

• 1. مقدمه‌ای بر CSS و کاربردهای آن
• 2. انتخاب‌کننده‌های CSS: عناصر، کلاس‌ها، شناسه‌ها
• 3. قواعد CSS: ویژگی‌ها، مقادیر و اولویت‌ها
• 4. مدل جعبه‌ای CSS: حاشیه‌ها، فاصله‌ها، حاشیه‌ها و اندازه
• 5. طرح‌بندی با CSS: جریان، بلوک‌ها و عناصر درون‌خطی
• 6. خاصیت‌های نمایش: none، block، inline، inline-block
• 7. موقعیت‌دهی عناصر با CSS: static، relative، absolute، fixed
• 8. CSS Cascade و specificity
• 9. انتخاب‌کننده‌های پیشرفته CSS: pseudo-classes و pseudo-elements
• 10. متن در CSS: فونت‌ها، اندازه، رنگ، فاصله خطوط
• 11. رنگ‌ها در CSS: نام‌ها، مقادیر هگزادسیمال و RGB
• 12. پس‌زمینه‌ها در CSS: رنگ‌ها، تصاویر و تکرار
• 13. تبدیه‌ها در CSS: rotate، scale، translate و skew
• 14. انتقال‌ها در CSS: ایجاد انیمیشن‌های ساده
• 15. سایه‌ها در CSS: box-shadow و text-shadow
• 16. فیلترها در CSS: blur، brightness، contrast و grayscale
• 17. CSS Grid Layout: معرفی و مفاهیم پایه
• 18. ایجاد طرح‌بندی‌های چند ستونی با CSS Grid
• 19. CSS Flexbox: معرفی و مفاهیم پایه
• 20. چیدمان عناصر با Flexbox: justify-content، align-items و flex-direction
• 21. استفاده از Flexbox برای ساخت منوهای واکنش‌گرا
• 22. رسپانسیو وب‌دیزاین با CSS: Media Queries
• 23. طراحی وب‌سایت برای دستگاه‌های مختلف با Media Queries
• 24. واحد‌های اندازه‌گیری در CSS: px، em، rem، % و vw/vh
• 25. متغیرهای CSS (Custom Properties)
• 26. توابع CSS: calc()، min()، max() و clamp()
• 27. CSS Modules: مدیریت CSS در پروژه‌های بزرگ
• 28. پیش‌پردازنده‌های CSS: Sass و Less (معرفی)
• 29. بهینه‌سازی CSS: فشرده‌سازی و minify کردن
• 30. عیب‌یابی CSS: ابزارها و روش‌ها
• 31. فریم‌ورک‌های CSS: Bootstrap و Tailwind CSS (معرفی)
• 32. استفاده از CSS برای طراحی فرم‌ها
• 33. انیمیشن‌های پیشرفته CSS: keyframes
• 34. CSS Transitions: ایجاد تغییرات تدریجی
• 35. CSS Variables و Themes
• 36. طراحی رابط کاربری با CSS
• 37. CSS و Accessibility (دسترسی‌پذیری)
• 38. استفاده از CSS برای طراحی دکمه‌ها
• 39. CSS برای طراحی جداول
• 40. CSS برای طراحی تصاویر
• 41. CSS برای طراحی ویدیوها
• 42. CSS برای طراحی آیکون‌ها
• 43. CSS و SEO (بهینه‌سازی موتور جستجو)
• 44. استفاده از CSS برای بهبود سرعت بارگذاری وب‌سایت
• 45. CSS و امنیت وب
• 46. CSS و سرور
• 47. CSS و JavaScript
• 48. استفاده از CSS برای طراحی صفحات لندینگ
• 49. CSS و A/B Testing
• 50. CSS و طراحی سیستم
• 51. CSS و معماری وب
• 52. CSS و مقیاس‌پذیری
• 53. CSS و نگهداری کد
• 54. CSS و مستندسازی
• 55. CSS و همکاری تیمی
• 56. CSS و ابزارهای توسعه
• 57. CSS و تست خودکار
• 58. CSS و Continuous Integration/Continuous Delivery (CI/CD)
• 59. CSS و عملکرد
• 60. CSS و مرورگرهای مختلف
• 61. CSS و استانداردهای وب
• 62. CSS و آینده وب
• 63. CSS و یادگیری ماشین
• 64. CSS و واقعیت افزوده/مجازی
• 65. CSS و اینترنت اشیا
• 66. CSS و بازی‌سازی
• 67. CSS و آموزش
• 68. CSS و هنر
• 69. CSS و موسیقی
• 70. CSS و فیلم
• 71. CSS و داستان‌گویی
• 72. CSS و داده‌کاوی
• 73. CSS و تحلیل داده‌ها
• 74. CSS و هوش مصنوعی
• 75. CSS و رباتیک
• 76. CSS و نانوتکنولوژی
• 77. CSS و زیست‌فناوری
• 78. CSS و انرژی‌های تجدیدپذیر
• 79. CSS و کشاورزی پایدار
• 80. CSS و حمل و نقل هوشمند
• 81. CSS و مدیریت بحران
• 82. CSS و توسعه پایدار
• 83. CSS و حقوق بشر
• 84. CSS و صلح جهانی
• 85. CSS و آموزش از راه دور
• 86. CSS و یادگیری مادام‌العمر
• 87. CSS و نوآوری
• 88. CSS و کارآفرینی
• 89. CSS و اقتصاد دیجیتال
• 90. CSS و بازاریابی دیجیتال
• 91. CSS و شبکه‌های اجتماعی
• 92. CSS و رسانه‌های اجتماعی
• 93. CSS و برندسازی
• 94. CSS و روابط عمومی
• 95. CSS و ارتباطات
• 96. CSS و روانشناسی
• 97. CSS و جامعه‌شناسی
• 98. CSS و علوم سیاسی
• 99. CSS و حقوق
• 100. CSS و فلسفه