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

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

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

عنوان دوره: دوره CSS for Wildfire Management

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

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

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

• 1. مقدمه ای بر CSS و کاربردهای آن در مدیریت حریق
• 2. آشنایی با ساختار HTML برای طراحی صفحات وب آتش نشانی
• 3. انتخابگرها (Selectors) در CSS: عناصر، کلاس ها و IDها
• 4. قواعد اساسی CSS: سینتکس و ساختار
• 5. نحوه اعمال CSS: Inline، Internal و External
• 6. آشنایی با مدل جعبه ای (Box Model) در CSS
• 7. حاشیه ها (Margins) و فاصله گذاری (Padding) در CSS
• 8. مرزها (Borders) و نحوه استایل دهی آنها
• 9. ارتفاع (Height) و پهنا (Width) در CSS
• 10. آشنایی با واحدهای اندازه گیری در CSS (پیکسل، درصد، em، rem، vw، vh)
• 11. نحوه استایل دهی به متن: فونت، اندازه، رنگ و فاصله بین حروف
• 12. تراز کردن متن و مدیریت فضای خالی
• 13. آشنایی با رنگ ها در CSS: نام رنگ ها، Hex، RGB و HSL
• 14. پس زمینه ها (Backgrounds) در CSS: رنگ، تصویر و تکرار
• 15. گرادیان ها (Gradients) در CSS: خطی و شعاعی
• 16. سایه ها (Shadows) در CSS: Text Shadow و Box Shadow
• 17. آشنایی با موقعیت دهی (Positioning) در CSS: Static، Relative، Absolute، Fixed و Sticky
• 18. آشنایی با Display Property: Block، Inline، Inline-block، None
• 19. مدیریت Overflow: Visible، Hidden، Scroll و Auto
• 20. آشنایی با Z-index برای لایه بندی عناصر
• 21. استایل دهی به لینک ها (Links) در CSS: حالت های مختلف
• 22. استایل دهی به لیست ها (Lists) در CSS: نشانه ها و شماره ها
• 23. استایل دهی به جداول (Tables) در CSS: مرزها، حاشیه ها و رنگ ها
• 24. آشنایی با فرم ها (Forms) در CSS: استایل دهی به فیلدها و دکمه ها
• 25. مقدمه ای بر CSS Flexbox: ساختار و مفاهیم پایه
• 26. جهت (Direction) در Flexbox: Row، Column، Row-reverse و Column-reverse
• 27. توزیع عناصر در Flexbox: Justify-content
• 28. تراز کردن عناصر در Flexbox: Align-items و Align-self
• 29. اندازه دهی به عناصر در Flexbox: Flex-grow، Flex-shrink و Flex-basis
• 30. ترتیب (Order) در Flexbox
• 31. مقدمه ای بر CSS Grid Layout: ساختار و مفاهیم پایه
• 32. تعریف سطرها (Rows) و ستون ها (Columns) در Grid
• 33. قرار دادن عناصر در Grid: Grid-column و Grid-row
• 34. تراز کردن عناصر در Grid: Justify-items، Align-items، Justify-content و Align-content
• 35. نامگذاری خطوط و ناحیه ها در Grid
• 36. آشنایی با توابع repeat() و minmax() در Grid
• 37. استفاده از Grid Template Areas
• 38. مقدمه ای بر رسپانسیو دیزاین (Responsive Design)
• 39. آشنایی با Media Queries: تعریف و استفاده
• 40. استفاده از Viewport Meta Tag
• 41. تکنیک های مختلف رسپانسیو دیزاین: Fluid Layout، Flexible Images
• 42. آشنایی با Mobile-First و Desktop-First
• 43. نرمالایز کردن CSS (Normalize.css) و ریست کردن CSS (Reset.css)
• 44. مقدمه ای بر CSS Preprocessors: Sass و Less
• 45. آشنایی با متغیرها (Variables) در Sass و Less
• 46. آشنایی با توابع (Mixins) در Sass و Less
• 47. آشنایی با حلقه ها (Loops) و شرط ها (Conditionals) در Sass و Less
• 48. کامپایل کردن Sass و Less به CSS
• 49. استفاده از CSS Frameworks: Bootstrap، Foundation و Materialize
• 50. آشنایی با اجزای اصلی Bootstrap برای مدیریت حریق
• 51. استفاده از کلاس های Bootstrap برای رسپانسیو دیزاین
• 52. استفاده از Sass و Less در Bootstrap
• 53. سفارشی سازی Bootstrap
• 54. آشنایی با CSS Animations
• 55. Transition ها (Transitions) در CSS
• 56. Keyframes در CSS
• 57. ایجاد انیمیشن های پیچیده با CSS
• 58. آشنایی با Transform ها (Transforms) در CSS: Rotate، Scale، Translate و Skew
• 59. استفاده از 2D و 3D Transforms
• 60. آشنایی با CSS Filter ها
• 61. استفاده از Blur، Brightness، Contrast و Grayscale
• 62. آشنایی با blend-mode
• 63. استفاده از clip-path
• 64. آشنایی با فونت آیکون ها (Font Awesome)
• 65. استفاده از فونت آیکون ها برای نمایش آیکون های مربوط به حریق
• 66. بهینه سازی CSS: Minify کردن و Concatenate کردن
• 67. استفاده از ابزارهای Linting برای CSS
• 68. آشنایی با مفاهیم دسترسی پذیری (Accessibility) در CSS
• 69. رعایت استانداردهای WCAG
• 70. استفاده از ARIA Attributes
• 71. آزمایش دسترسی پذیری صفحات وب
• 72. CSS Modules: کپسوله کردن استایل ها
• 73. CSS-in-JS: استایل دهی در جاوا اسکریپت
• 74. آشنایی با Styled Components
• 75. آشنایی با Emotion
• 76. استفاده از PostCSS
• 77. آشنایی با Autoprefixer
• 78. استفاده از CSS Variables (Custom Properties)
• 79. آشنایی با calc() function
• 80. استفاده از object-fit و object-position
• 81. آشنایی با writing-mode
• 82. طراحی رابط کاربری (UI) برای سیستم های مدیریت حریق
• 83. طراحی داشبورد (Dashboard) برای نمایش اطلاعات مربوط به حریق
• 84. طراحی نقشه (Map) برای نمایش موقعیت آتش سوزی
• 85. طراحی فرم ها (Forms) برای ثبت گزارشات حریق
• 86. طراحی گزارشات (Reports) برای تحلیل اطلاعات حریق
• 87. ایجاد تم های مختلف (Themes) برای سیستم مدیریت حریق
• 88. استفاده از CSS برای نمایش وضعیت آب و هوا
• 89. استفاده از CSS برای نمایش اطلاعات مربوط به تجهیزات آتش نشانی
• 90. استفاده از CSS برای نمایش اطلاعات مربوط به پرسنل آتش نشانی
• 91. استفاده از CSS برای ایجاد هشدارهای بصری
• 92. استفاده از CSS برای نمایش آمار و ارقام مربوط به حریق
• 93. طراحی صفحات ورود (Login) و ثبت نام (Registration)
• 94. طراحی صفحات خطا (Error Pages)
• 95. طراحی صفحات جستجو (Search Pages)
• 96. طراحی صفحات تنظیمات (Settings Pages)
• 97. طراحی صفحات پروفایل (Profile Pages)
• 98. طراحی صفحات درباره ما (About Us Pages)
• 99. طراحی صفحات تماس با ما (Contact Us Pages)
• 100. طراحی صفحات سوالات متداول (FAQ Pages)