فلش‌کارت‌های آموزشی CSS for Freelancers

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

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

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

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

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

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

• 1. آشنایی با CSS و جایگاه آن در طراحی وب
• 2. مبانی انتخابگرها در CSS
• 3. انتخابگرهای کلاس و شناسه
• 4. انتخابگرهای صفات و شبه‌کلاس‌ها
• 5. ساختار سند HTML و ارتباط آن با CSS
• 6. نحوهٔ اعمال استایل‌ها در CSS: درون‌خطی، داخلی و خارجی
• 7. واحدها و مقادیر در CSS: پیکسل، درصد، em، rem
• 8. رنگ‌ها و پس‌زمینه‌ها در CSS
• 9. مدیریت متن و فونت‌ها در CSS
• 10. قواعد مربوط به Box Model در CSS
• 11. حاشیه (Margin) و فاصله (Padding) در CSS
• 12. عرض (Width) و ارتفاع (Height) در CSS
• 13. مفهوم و کاربرد Display در CSS: Block, Inline, Inline-Block
• 14. مدیریت موقعیت عناصر با Position در CSS
• 15. Relative, Absolute, Fixed, Sticky Positioning
• 16. نکات مهم در استفاده از Position
• 17. مفهوم و کاربرد Float در CSS
• 18. نحوهٔ استفاده از Clearfix
• 19. مفهوم و کاربرد Flexbox برای چیدمان
• 20. اصول اولیهٔ Flex Container
• 21. خاصیت‌های Flex Item
• 22. ساخت Layout با Flexbox
• 23. مفهوم و کاربرد CSS Grid برای چیدمان
• 24. اصول اولیهٔ Grid Container
• 25. خاصیت‌های Grid Item
• 26. ساخت Layout با CSS Grid
• 27. طراحی ریسپانسیو با Media Queries
• 28. استفاده از Viewport در طراحی ریسپانسیو
• 29. تنظیمات ریسپانسیو برای دستگاه‌های مختلف
• 30. طراحی فرم‌ها با CSS
• 31. استایل‌دهی به عناصر ورودی
• 32. استایل‌دهی به دکمه‌ها و برچسب‌ها
• 33. قواعد مربوط به انیمیشن در CSS
• 34. خاصیت Keyframes برای تعریف انیمیشن
• 35. تنظیمات مربوط به اجرای انیمیشن
• 36. انتقال‌ها (Transitions) در CSS
• 37. تنظیمات مربوط به اجرای Transitions
• 38. کاربرد Transitions در تعاملات کاربری
• 39. استایل‌دهی به جداول با CSS
• 40. تنظیمات مربوط به نمایش جداول
• 41. استایل‌دهی به لیست‌ها با CSS
• 42. استایل‌دهی به تصاویر و رسانه‌ها
• 43. مدیریت Overflows در CSS
• 44. مفهوم و کاربرد Pseudo-elements
• 45. استفاده از ::before و ::after
• 46. استایل‌دهی به لینک‌ها و دکمه‌های ناوبری
• 47. طراحی منوهای آبشاری با CSS
• 48. اصول اولیهٔ انیمیشن‌های CSS
• 49. ترکیب انیمیشن و Transition
• 50. بهینه‌سازی CSS برای عملکرد
• 51. نکات امنیتی در CSS
• 52. کاربرد CSS در طراحی وب‌سایت‌های شرکتی
• 53. طراحی وب‌سایت‌های فروشگاهی با CSS
• 54. استایل‌دهی به صفحات فرود (Landing Pages)
• 55. طراحی رابط کاربری (UI) با CSS
• 56. اصول دسترسی‌پذیری (Accessibility) در CSS
• 57. استایل‌دهی به المان‌های دسترس‌پذیر
• 58. استفاده از Variables (Custom Properties) در CSS
• 59. مدیریت رنگ‌ها با Variables
• 60. مدیریت Layout با Variables
• 61. قواعد مربوط به Selectors Precedence
• 62. نکات پیشرفته در انتخابگرها
• 63. استانداردهای کدنویسی CSS
• 64. ابزارهای کمکی در CSS: SASS/LESS
• 65. مبانی SASS
• 66. مبانی LESS
• 67. کاربرد SASS/LESS در پروژه‌های بزرگ
• 68. مدیریت خطاها در CSS
• 69. تست و اشکال‌زدایی CSS
• 70. نکات مربوط به Cross-browser Compatibility
• 71. اصول طراحی مینیمال با CSS
• 72. طراحی با الهام از طبیعت در CSS
• 73. استفاده از فونت‌های فارسی در CSS
• 74. تنظیمات پیشرفتهٔ فونت‌های فارسی
• 75. مدیریت فضاهای خالی در طراحی با CSS
• 76. طراحی فرم‌های پیچیده با CSS
• 77. استایل‌دهی به نمودارها با CSS
• 78. کاربرد CSS در بازی‌های تحت وب
• 79. اصول طراحی UI/UX با CSS
• 80. بهینه‌سازی تصاویر برای وب با CSS
• 81. استایل‌دهی به المان‌های تعاملی
• 82. مدیریت انیمیشن‌های پیچیده
• 83. ساخت افکت‌های بصری جذاب با CSS
• 84. استفاده از CSS برای ایجاد انیمیشن‌های Loading
• 85. طراحی اسلایدرهای سفارشی با CSS
• 86. استایل‌دهی به کامپوننت‌های UI
• 87. اصول طراحی ریسپانسیو برای تبلت
• 88. اصول طراحی ریسپانسیو برای موبایل
• 89. مدیریت فونت‌های فارسی در حالت ریسپانسیو
• 90. استفاده از CSS Frameworks (مقدماتی)
• 91. مبانی Bootstrap
• 92. مبانی Tailwind CSS
• 93. مقایسهٔ Frameworkها و انتخاب مناسب
• 94. اصول طراحی وب‌سایت‌های تک‌صفحه‌ای
• 95. استایل‌دهی به بخش‌های مختلف وب‌سایت
• 96. مدیریت انیمیشن‌های ورود و خروج عناصر
• 97. کاربرد CSS در طراحی اپلیکیشن‌های وب
• 98. اصول طراحی رابط کاربری مدرن
• 99. استفاده از CSS برای ایجاد افکت‌های پارالاکس
• 100. بهینه‌سازی CSS برای موتورهای جستجو (SEO)