فلش‌کارت‌های آموزشی آموزش مقدماتی CSS3 برای ساخت صفحات وب حرفه‌ای

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

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

عنوان دوره: دوره آموزش مقدماتی CSS3 برای ساخت صفحات وب حرفه‌ای

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

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

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

• 1. مقدمه‌ای بر توسعه وب و نقش CSS
• 2. آشنایی با زبان CSS و کاربردهای آن
• 3. نصب و راه‌اندازی ابزارهای توسعه وب
• 4. ساختار اولیه صفحات HTML
• 5. ارتباط HTML و CSS
• 6. اولین قوانین CSS: انتخابگرها
• 7. انتخابگرهای عنصر، کلاس و شناسه
• 8. انتخابگرهای ترکیبی و فرزند
• 9. استفاده از ویژگی‌های عمومی CSS (رنگ، فونت)
• 10. تنظیم رنگ متن و پس‌زمینه
• 11. انتخاب فونت‌های وب و محلی
• 12. اندازه‌ها و واحدها در CSS (پیکسل، em، rem)
• 13. تنظیم ابعاد عناصر (عرض و ارتفاع)
• 14. مدیریت حاشیه‌ها (margin)
• 15. مدیریت فاصله‌ها (padding)
• 16. تنظیم کادر (border)
• 17. خاصیت display و انواع آن (block, inline, inline-block)
• 18. خاصیت position و مقادیر آن (static, relative, absolute)
• 19. موقعیت‌دهی عناصر با position
• 20. استفاده از z-index برای لایه‌بندی
• 21. خاصیت float و کاربردهای آن
• 22. پاکسازی float (clear)
• 23. مدل جعبه‌ای CSS (Box Model)
• 24. تنظیمات پیشرفته Box Model
• 25. استفاده از CSS برای طراحی فرم‌ها
• 26. استایل‌دهی به فیلدهای ورودی
• 27. استایل‌دهی به دکمه‌ها و لیبل‌ها
• 28. طراحی جداول با CSS
• 29. استایل‌دهی به هدر و بدنه جدول
• 30. تکنیک‌های ریسپانسیو در CSS
• 31. استفاده از Media Queries
• 32. طراحی برای دستگاه‌های مختلف
• 33. تنظیمات فونت پیشرفته (وزن، استایل، خط)
• 34. کار با خانواده‌های فونت (font-family)
• 35. تنظیمات متن (text-align, text-decoration)
• 36. مدیریت فاصله‌گذاری خطوط (line-height)
• 37. استفاده از Shadow برای متن و عناصر
• 38. خاصیت background-image و تنظیمات آن
• 39. تکرار و موقعیت‌دهی تصاویر پس‌زمینه
• 40. استفاده از گرادیان‌ها (linear-gradient)
• 41. تنظیمات کلی صفحه (body, html)
• 42. استفاده از CSS Variables (Custom Properties)
• 43. ساخت متغیرهای CSS
• 44. مدیریت متغیرها
• 45. مقدمه‌ای بر انیمیشن در CSS
• 46. خاصیت transition برای افکت‌های نرم
• 47. تنظیمات transition (property, duration, timing-function)
• 48. کار با keyframes و انیمیشن‌های سفارشی
• 49. ساخت انیمیشن‌های ساده
• 50. اعمال انیمیشن به عناصر
• 51. خاصیت animation-fill-mode
• 52. استفاده از transform برای تغییر شکل عناصر
• 53. تغییر مقیاس (scale)
• 54. چرخش (rotate)
• 55. انتقال (translate)
• 56. ترکیب transform ها
• 57. مقدمه‌ای بر Flexbox
• 58. ساختار Flex Container
• 59. خاصیت justify-content
• 60. خاصیت align-items
• 61. خاصیت flex-wrap
• 62. خاصیت order
• 63. مقدمه‌ای بر Grid Layout
• 64. ساختار Grid Container
• 65. خاصیت grid-template-columns
• 66. خاصیت grid-template-rows
• 67. خاصیت grid-gap
• 68. خاصیت grid-area
• 69. استفاده از Grid برای چیدمان پیچیده
• 70. طراحی هدر ریسپانسیو با Grid
• 71. طراحی فوتر ریسپانسیو با Grid
• 72. استایل‌دهی به لینک‌ها و منوها
• 73. ساخت منوی ناوبری ساده
• 74. استایل‌دهی به لیست‌ها
• 75. کار با آیکون‌ها (Font Awesome)
• 76. افزودن آیکون به صفحات
• 77. استایل‌دهی به تصاویر
• 78. استفاده از CSS Sprites
• 79. بهینه‌سازی تصاویر برای وب
• 80. مقدمه‌ای بر CSS Frameworks (اختیاری)
• 81. آشنایی با Bootstrap (بصورت کلی)
• 82. آشنایی با Tailwind CSS (بصورت کلی)
• 83. نکات و ترفندهای CSS
• 84. استفاده از Pseudo-elements (::before, ::after)
• 85. استایل‌دهی به عناصر با Pseudo-classes
• 86. مدیریت خطاها در CSS
• 87. دیباگ کردن صفحات وب
• 88. استفاده از ابزارهای توسعه‌دهنده مرورگر
• 89. نکات امنیتی در CSS
• 90. بهینه‌سازی عملکرد CSS
• 91. نوشتن CSS ماژولار
• 92. مقدمه‌ای بر Preprocessors (Sass/Less)
• 93. ساختار کلی Sass
• 94. استفاده از متغیرها در Sass
• 95. استفاده از Mixins در Sass
• 96. استفاده از Nesting در Sass
• 97. نوشتن CSS تمیز و خوانا
• 98. مدیریت پروژه‌های بزرگ CSS
• 99. اصول طراحی UI/UX با CSS
• 100. ساخت دکمه‌های زیبا و کاربردی