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

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

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

عنوان دوره: دوره CSS for Information Technology

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

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

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

• 1. مقدمه‌ای بر CSS و جایگاه آن در فناوری اطلاعات
• 2. آشنایی با ساختار زبان CSS
• 3. نحو و سینتکس اصلی CSS
• 4. انتخابگرها (Selectors) در CSS: معرفی و انواع
• 5. انتخابگرهای تگ، کلاس و آیدی
• 6. انتخابگرهای صفات (Attribute Selectors)
• 7. انتخابگرهای ترکیبی (Combinators)
• 8. انتخابگرهای شبه‌کلاس (Pseudo-classes)
• 9. انتخابگرهای شبه‌عنصر (Pseudo-elements)
• 10. اولویت‌بندی (Specificity) در CSS
• 11. قوانین وراثت (Inheritance) در CSS
• 12. مقادیر و واحدهای اندازه‌گیری در CSS
• 13. واحد پیکسل (px)، درصد (%), em، rem
• 14. واحد vw، vh، vmin، vmax
• 15. رنگ‌ها در CSS: مقادیر هگزادسیمال، RGB، RGBA
• 16. رنگ‌ها در CSS: مقادیر HSL، HSLA
• 17. مدیریت متون با CSS: فونت‌ها و ویژگی‌ها
• 18. فونت‌های وب (Web Fonts) و نحوه استفاده
• 19. ویژگی‌های فونت: وزن، استایل، تزئینات
• 20. مدیریت فضاهای خالی (Spacing) در CSS: padding و margin
• 21. خاصیت box-sizing و تاثیر آن بر ابعاد
• 22. مدیریت حاشیه‌ها (Borders) در CSS
• 23. مدیریت پس‌زمینه (Background) در CSS
• 24. تصاویر پس‌زمینه و تکرار آن‌ها
• 25. خاصیت background-attachment و background-clip
• 26. مدیریت سایه‌ها (Box Shadows)
• 27. مدیریت ترنزیشن‌ها (Transitions)
• 28. استفاده از ترنزیشن‌ها برای انیمیشن‌های ساده
• 29. مدیریت انیمیشن‌ها (Animations) در CSS
• 30. فریم‌های کلیدی (Keyframes) در انیمیشن‌ها
• 31. خاصیت animation-fill-mode و animation-iteration-count
• 32. استفاده از CSS برای چیدمان (Layout)
• 33. مدل جعبه‌ای (Box Model) در CSS
• 34. خاصیت display: block, inline, inline-block
• 35. فلوت (Float) و نحوه استفاده از آن
• 36. Clearfix و رفع مشکلات فلوت
• 37. سیستم چیدمان Flexbox: مقدمه و مفاهیم
• 38. کانتینر فلکس (Flex Container) و آیتم‌های فلکس (Flex Items)
• 39. خاصیت justify-content و align-items
• 40. خاصیت flex-direction و flex-wrap
• 41. خاصیت align-self و order
• 42. سیستم چیدمان Grid: مقدمه و مفاهیم
• 43. کانتینر گرید (Grid Container) و آیتم‌های گرید (Grid Items)
• 44. تعریف ستون‌ها و ردیف‌ها در گرید
• 45. خاصیت grid-template-columns و grid-template-rows
• 46. خاصیت grid-gap و grid-column/row
• 47. CSS Grid در مقابل Flexbox
• 48. طراحی واکنش‌گرا (Responsive Design)
• 49. مدیا کوئری‌ها (Media Queries)
• 50. استفاده از مدیا کوئری‌ها برای تغییر چیدمان
• 51. استفاده از مدیا کوئری‌ها برای تغییر فونت و رنگ
• 52. طراحی سایت‌های واکنش‌گرا با استفاده از واحدهای نسبی
• 53. بهینه‌سازی تصاویر برای وب
• 54. استفاده از SVG در CSS
• 55. مدیریت فرم‌ها با CSS
• 56. استایل‌دهی به عناصر ورودی (Input Elements)
• 57. استایل‌دهی به دکمه‌ها (Buttons)
• 58. استفاده از CSS در پروژه‌های واقعی
• 59. اصول کدنویسی تمیز در CSS
• 60. استفاده از متغیرها (Custom Properties) در CSS
• 61. سازماندهی فایل‌های CSS
• 62. مقدمه‌ای بر پیش‌پردازنده‌های CSS (CSS Preprocessors)
• 63. معرفی Sass و Less
• 64. استفاده از Mixins و Nesting در Sass
• 65. استفاده از توابع (Functions) در Sass
• 66. معرفی Bootstrap و Tailwind CSS
• 67. کاربرد فریم‌ورک‌های CSS در توسعه سریع
• 68. ملاحظات امنیتی در CSS
• 69. جلوگیری از حملات CSS Injection
• 70. اصول دسترسی‌پذیری (Accessibility) در CSS
• 71. استفاده از ARIA attributes
• 72. بررسی و اشکال‌زدایی (Debugging) CSS
• 73. ابزارهای توسعه‌دهنده مرورگر (Browser Developer Tools)
• 74. تست سازگاری CSS در مرورگرهای مختلف
• 75. مقدمه‌ای بر CSS-in-JS
• 76. کاربرد CSS-in-JS در فریم‌ورک‌های مدرن جاوااسکریپت
• 77. ملاحظات عملکردی CSS
• 78. بهینه‌سازی CSS برای بارگذاری سریع‌تر
• 79. CSS و سئو (SEO)
• 80. تاثیر CSS بر تجربه کاربری (UX)
• 81. استایل‌دهی پیشرفته برای عناصر خاص
• 82. CSS و انیمیشن‌های پیچیده‌تر
• 83. مفاهیم نوین در CSS
• 84. CSS Variables و کاربردهای پیشرفته
• 85. CSS Houdini و آینده CSS
• 86. پروژه‌های عملی و نمونه‌سازی با CSS
• 87. طراحی یک صفحه فرود (Landing Page) واکنش‌گرا
• 88. استایل‌دهی به یک فرم ثبت‌نام پیچیده
• 89. ساخت یک گالری تصاویر واکنش‌گرا
• 90. طراحی یک داشبورد مدیریتی با CSS Grid
• 91. استفاده از CSS برای ایجاد افکت‌های بصری جذاب
• 92. مرور و جمع‌بندی مفاهیم کلیدی CSS