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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و کاربردهای آن
• 2. نصب و راه‌اندازی محیط توسعه CSS
• 3. اصول اولیه انتخابگرها در CSS
• 4. انتخابگرهای کلاس و ID
• 5. انتخابگرهای صفات
• 6. انتخابگرهای سلسله مراتبی و فرزند
• 7. انتخابگرهای شبه‌کلاس‌ها
• 8. انتخابگرهای شبه‌عناصر
• 9. نحوه استفاده از CSS در HTML
• 10. روش‌های ادغام CSS (inline, internal, external)
• 11. مدیریت اولویت و وراثت در CSS
• 12. خاصیت `display` و مقادیر آن
• 13. خاصیت `position` و انواع آن
• 14. مدیریت `float` و `clear`
• 15. خاصیت `box-model` (margin, border, padding, content)
• 16. تنظیمات `width` و `height`
• 17. واحدها در CSS (px, em, rem, %, vw, vh)
• 18. مدیریت فونت‌ها و تایپوگرافی
• 19. خاصیت `color` و `background-color`
• 20. استفاده از تصاویر پس‌زمینه
• 21. تنظیمات `text-align`, `text-decoration`, `text-transform`
• 22. مدیریت فاصله‌گذاری خطوط و حروف
• 23. خاصیت `word-wrap` و `overflow-wrap`
• 24. اصول طراحی واکنش‌گرا (Responsive Design)
• 25. استفاده از Media Queries
• 26. طراحی ستون‌ها با Flexbox
• 27. طراحی چیدمان با Flexbox
• 28. استفاده از Grid Layout
• 29. طراحی چیدمان با Grid Layout
• 30. انیمیشن‌ها در CSS (transitions)
• 31. انیمیشن‌ها در CSS (animations)
• 32. ایجاد Keyframes برای انیمیشن
• 33. مدیریت Transform در CSS
• 34. استفاده از `translate`, `rotate`, `scale`, `skew`
• 35. تنظیمات `opacity` و `visibility`
• 36. مدیریت `z-index`
• 37. طراحی فرم‌ها با CSS
• 38. استایل‌دهی به دکمه‌ها
• 39. استایل‌دهی به فیلدهای ورودی
• 40. استایل‌دهی به لیست‌ها
• 41. استایل‌دهی به جداول
• 42. مدیریت `outline`
• 43. استفاده از Pseudo-elements برای استایل‌دهی
• 44. طراحی منوهای ناوبری
• 45. طراحی اسلایدرها
• 46. طراحی گالری تصاویر
• 47. بهینه‌سازی CSS برای سرعت بارگذاری
• 48. فشرده‌سازی فایل‌های CSS
• 49. استفاده از CSS Variables (Custom Properties)
• 50. مدیریت تم‌های رنگی با CSS Variables
• 51. اصول دسترسی‌پذیری (Accessibility) در CSS
• 52. استفاده از ARIA attributes
• 53. مدیریت فوکوس در CSS
• 54. طراحی برای دستگاه‌های مختلف
• 55. استفاده از `calc()` در CSS
• 56. نکات پیشرفته در انتخابگرها
• 57. مدیریت `clip-path`
• 58. استفاده از `filter` در CSS
• 59. ایجاد اشکال سفارشی با CSS
• 60. طراحی UI Components
• 61. استایل‌دهی به Modal Windows
• 62. طراحی Tooltips
• 63. طراحی Accordions
• 64. استفاده از CSS Preprocessors (Sass/Less)
• 65. مفاهیم پایه Sass/Less
• 66. متغیرها و Mixins در Sass/Less
• 67. Extend و Inheritance در Sass/Less
• 68. توابع در Sass/Less
• 69. نستد کردن قوانین در Sass/Less
• 70. نصب و پیکربندی Sass/Less
• 71. کامپایل کردن Sass/Less به CSS
• 72. استفاده از Framework های CSS (Bootstrap)
• 73. مفاهیم پایه Bootstrap
• 74. Grid System در Bootstrap
• 75. Components در Bootstrap
• 76. Utilities در Bootstrap
• 77. تنظیمات و سفارشی‌سازی Bootstrap
• 78. استفاده از Framework های CSS (Tailwind CSS)
• 79. مفاهیم پایه Tailwind CSS
• 80. Utility-first approach
• 81. Configuration در Tailwind CSS
• 82. Plugins در Tailwind CSS
• 83. استفاده از Tailwind CSS برای طراحی سریع
• 84. مدیریت SVG در CSS
• 85. استایل‌دهی به SVG با CSS
• 86. ایجاد انیمیشن‌های SVG
• 87. اصول طراحی UI/UX با CSS
• 88. رنگ‌شناسی در طراحی وب
• 89. تایپوگرافی در طراحی وب
• 90. اصول چیدمان (Layout) در طراحی وب
• 91. طراحی برای تجربه کاربری بهتر
• 92. ملاحظات امنیتی در CSS
• 93. جلوگیری از XSS با CSS
• 94. مدیریت ریسک‌های امنیتی
• 95. آینده CSS و روندهای جدید
• 96. CSS Modules
• 97. Server-Side CSS
• 98. CSS-in-JS
• 99. نکات پایانی و جمع‌بندی
• 100. تمرینات عملی و پروژه‌های کاربردی