فلش‌کارت‌های آموزشی ساخت صفحات وب جذاب با CSS: مقدماتی تا پیشرفته

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

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

عنوان دوره: دوره ساخت صفحات وب جذاب با CSS: مقدماتی تا پیشرفته

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

موضوع میانی: طراحی و توسعه رابط کاربری وب

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

• 1. آشنایی با زبان CSS
• 2. تاریخچه و جایگاه CSS
• 3. نصب و راه‌اندازی ابزارهای توسعه
• 4. اولین استایل‌ها: انتخابگرهای پایه
• 5. انتخابگرهای کلاس و شناسه
• 6. انتخابگرهای ویژگی
• 7. انتخابگرهای سلسله مراتبی
• 8. نوشتن قواعد CSS
• 9. واحدها در CSS: پیکسل، em، rem
• 10. واحدها: درصد و viewport units
• 11. رنگ‌ها در CSS: نام‌ها، مقادیر هگزادسیمال
• 12. رنگ‌ها: مقادیر RGB و RGBA
• 13. رنگ‌ها: مقادیر HSL و HSLA
• 14. شفافیت و opacity
• 15. پس‌زمینه‌ها: رنگ و تصویر
• 16. پس‌زمینه‌ها: تکرار و موقعیت
• 17. پس‌زمینه‌ها: اندازه و کلیپ
• 18. خاصیت background-attachment
• 19. مدیریت متن: فونت‌ها
• 20. فونت‌های وب و @font-face
• 21. اندازه فونت و وزن
• 22. سبک و تزئین متن
• 23. فاصله خط و کلمات
• 24. تنظیمات پاراگراف
• 25. جعبه مدل: مفهوم اصلی
• 26. عرض و ارتفاع عناصر
• 27. حاشیه (margin)
• 28. فضای داخلی (padding)
• 29. کادر (border)
• 30. انواع کادر و ضخامت
• 31. رنگ و سبک کادر
• 32. مدیریت کادر گوشه‌ها
• 33. جعبه مدل: خلاصه‌ای بر خصوصیات
• 34. نمایش عناصر: display: block, inline
• 35. نمایش عناصر: inline-block, none
• 36. نمایش عناصر: flexbox مقدماتی
• 37. flexbox: خصوصیات والد
• 38. flexbox: خصوصیات فرزند
• 39. flexbox: مرتب‌سازی و اولویت
• 40. مدیریت موقعیت: position: static
• 41. position: relative و absolute
• 42. position: fixed و sticky
• 43. z-index و اولویت لایه‌ها
• 44. شناور سازی (float) و clear
• 45. مدیریت طرح‌بندی با Grid
• 46. Grid: مفاهیم کلی
• 47. Grid: خصوصیات والد
• 48. Grid: خصوصیات فرزند
• 49. Grid: تعریف خطوط و نواحی
• 50. Grid: تراز کردن عناصر در Grid
• 51. مقدمه‌ای بر واحدها و واحدهای نسبی
• 52. واحدها: vh, vw, vmin, vmax
• 53. تکنیک‌های پیشرفته فونت
• 54. استایل‌دهی به لینک‌ها
• 55. استایل‌دهی به جداول
• 56. فرم‌ها و عناصر ورودی
• 57. استایل‌دهی به دکمه‌ها
• 58. استایل‌دهی به تصاویر
• 59. انیمیشن‌ها در CSS: مقدمه
• 60. انیمیشن‌ها: @keyframes
• 61. خاصیت animation
• 62. انتقال‌ها (transitions)
• 63. خاصیت transition
• 64. تکنیک‌های پاسخ‌گرا (Responsive Design)
• 65. استفاده از Media Queries
• 66. طراحی برای موبایل اول (Mobile-First)
• 67. طراحی برای دسکتاپ اول (Desktop-First)
• 68. کتابخانه‌های CSS: Bootstrap
• 69. کتابخانه‌های CSS: Tailwind CSS
• 70. نکات و ترفندهای CSS
• 71. بهینه‌سازی عملکرد CSS
• 72. اشکال‌زدایی (Debugging) CSS
• 73. ابزارهای توسعه‌دهنده مرورگر
• 74. CSS Preprocessors: Sass/SCSS
• 75. CSS Preprocessors: Less
• 76. متغیرها در Sass/SCSS
• 77. تودرتویی (Nesting) در Sass/SCSS
• 78. Mixins در Sass/SCSS
• 79. Extend/Inheritance در Sass/SCSS
• 80. فانکشن‌ها در Sass/SCSS
• 81. ماژولار کردن کد CSS
• 82. اصول طراحی تمیز (Clean Code) در CSS
• 83. نکات امنیتی در توسعه وب
• 84. مقدمه‌ای بر دسترسی‌پذیری (Accessibility)
• 85. استایل‌دهی برای دسترسی‌پذیری
• 86. اصول طراحی UX/UI
• 87. اصول بصری طراحی وب
• 88. تکنیک‌های انیمیشن پیشرفته
• 89. استفاده از CSS Variables (Custom Properties)
• 90. مدیریت تم‌ها با CSS Variables
• 91. CSS Grid پیشرفته
• 92. Flexbox پیشرفته
• 93. مدیریت انیمیشن‌های پیچیده
• 94. اعتبارسنجی طرح‌بندی (Layout Validation)
• 95. تست طرح‌بندی در مرورگرهای مختلف
• 96. کار با CSS در فریم‌ورک‌های JavaScript
• 97. مقدمه‌ای بر Web Components
• 98. استفاده از Shadow DOM
• 99. کامپوننت‌های استایل‌دهی شده
• 100. جمع‌بندی و پروژه‌های عملی