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

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

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

عنوان دوره: دوره CSS for Outdoor Activities

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در طراحی وب
• 2. CSS چیست و چگونه کار می کند؟
• 3. آشنایی با انتخابگرها (Selectors) در CSS
• 4. انواع انتخابگرها (ID, Class, Element, Pseudo-classes)
• 5. نحوه نوشتن قوانین CSS (Rulesets)
• 6. آشنایی با مفاهیم Box Model
• 7. درک عرض، ارتفاع، padding، border و margin
• 8. استفاده از واحد های اندازه گیری (px, em, rem, %, vw, vh)
• 9. آشنایی با ویژگی های رنگ (color, background-color)
• 10. استفاده از کد های رنگی (Hex, RGB, RGBA, HSL, HSLA)
• 11. اضافه کردن پس زمینه (Background Images)
• 12. تکرار پس زمینه (Background Repeat)
• 13. موقعیت پس زمینه (Background Position)
• 14. اندازه پس زمینه (Background Size)
• 15. کار با فونت ها (Font Family, Font Size, Font Weight, Font Style)
• 16. تنظیم ارتفاع خط (Line Height)
• 17. تغییر فاصله بین حروف (Letter Spacing) و کلمات (Word Spacing)
• 18. استفاده از فونت های وب (Google Fonts)
• 19. آشنایی با متن ها (Text Align, Text Decoration, Text Transform, Text Shadow)
• 20. لیست ها (List Style Type, List Style Position, List Style Image)
• 21. جداول (Table Borders, Table Spacing, Table Padding, Table Alignment)
• 22. استفاده از CSS برای لینک ها (Link States: Hover, Active, Visited)
• 23. آشنایی با مفاهیم Display (Block, Inline, Inline-Block, None)
• 24. موقعیت دهی (Positioning: Static, Relative, Absolute, Fixed, Sticky)
• 25. درک z-index و ترتیب لایه ها
• 26. مفاهیم float و clear
• 27. طراحی layout های ساده با float
• 28. آشنایی با Flexbox
• 29. مفاهیم اصلی Flex Container و Flex Items
• 30. تنظیم جهت قرارگیری آیتم ها (Flex Direction)
• 31. توزیع فضا بین آیتم ها (Justify Content)
• 32. ترازبندی آیتم ها در راستای عمودی (Align Items)
• 33. ترازبندی آیتم ها به صورت فردی (Align Self)
• 34. چیدمان چند خطی آیتم ها (Flex Wrap)
• 35. استفاده از flex-grow, flex-shrink و flex-basis
• 36. آشنایی با CSS Grid
• 37. مفاهیم Grid Container و Grid Items
• 38. تعریف سطرها و ستون ها (Grid Template Rows, Grid Template Columns)
• 39. فاصله بین سطرها و ستون ها (Grid Gap)
• 40. نامگذاری خطوط (Grid Line Names)
• 41. قرار دادن آیتم ها در Grid (Grid Row Start/End, Grid Column Start/End)
• 42. استفاده از Grid Template Areas
• 43. ترازبندی آیتم ها در Grid (Justify Items, Align Items, Justify Content, Align Content)
• 44. مفاهیم Responsive Design
• 45. Viewport Meta Tag
• 46. Query های رسانه ای (Media Queries)
• 47. انواع Media Features (Width, Height, Orientation)
• 48. استفاده از breakpoints مختلف برای دستگاه های گوناگون
• 49. طراحی layout های انعطاف پذیر با Flexbox و Grid
• 50. استفاده از تصاویر Responsive
• 51. واحد های اندازه گیری انعطاف پذیر (%, vw, vh)
• 52. آشنایی با Normalize.css و Reset.css
• 53. استفاده از CSS Preprocessors (Sass, Less)
• 54. متغیرها (Variables) در CSS
• 55. توابع (Functions) در CSS
• 56. Mixin ها در CSS
• 57. Import کردن فایل های CSS
• 58. ارث بری (Inheritance) در CSS
• 59. اولویت بندی CSS (Specificity)
• 60. آشنایی با Pseudo-elements (::before, ::after)
• 61. استفاده از attribute selectors
• 62. انیمیشن ها در CSS (Transitions)
• 63. انیمیشن ها در CSS (Keyframes)
• 64. تغییر خواص با Transition
• 65. ایجاد افکت های Hover
• 66. Transformations (Rotate, Scale, Translate, Skew)
• 67. Shadow ها (Box Shadow, Text Shadow)
• 68. فیلترها (Filters) در CSS (Blur, Brightness, Contrast, Grayscale, Sepia)
• 69. Clip-path برای ایجاد اشکال خاص
• 70. Masking در CSS
• 71. استفاده از SVG در CSS
• 72. Font Icons (Font Awesome, IcoMoon)
• 73. Accessibility (ARIA attributes)
• 74. بهینه سازی CSS (Minification, Compression)
• 75. CSS Sprites
• 76. استفاده از CSS Modules
• 77. CSS Frameworks (Bootstrap, Tailwind CSS, Materialize)
• 78. طراحی دکمه های جذاب برای وب سایت های مرتبط با فعالیت های خارج از منزل
• 79. طراحی فرم های ورود و ثبت نام کاربرپسند
• 80. طراحی navigation bar های واکنش گرا
• 81. طراحی گالری تصاویر
• 82. استفاده از CSS برای بهبود SEO
• 83. آشنایی با CSS-in-JS (Styled Components, Emotion)
• 84. Debugging CSS (Chrome DevTools, Firefox Developer Tools)
• 85. استفاده از CSS Linting tools
• 86. Git و کنترل ورژن CSS
• 87. طراحی رابط کاربری برای برنامه های وب مرتبط با فعالیت های خارج از منزل
• 88. پیاده سازی یک وب سایت کامل با CSS برای نمایش تجهیزات کوهنوردی
• 89. پیاده سازی یک وب سایت کامل با CSS برای نمایش تصاویر سفرهای طبیعت گردی
• 90. پیاده سازی یک وب سایت کامل با CSS برای معرفی مسیرهای دوچرخه سواری
• 91. بهینه سازی عملکرد CSS برای وب سایت های با ترافیک بالا
• 92. آزمون و تست CSS
• 93. بهترین شیوه های نوشتن CSS
• 94. طراحی الگوهای UI/UX در CSS
• 95. امنیت CSS
• 96. ادغام CSS با JavaScript
• 97. استفاده از CSS برای چاپ
• 98. آینده CSS
• 99. مطالعه موردی: طراحی یک صفحه فرود جذاب برای یک رویداد ورزشی فضای باز
• 100. مطالعه موردی: طراحی یک تم CSS برای یک اپلیکیشن موبایل مربوط به کمپینگ