اپلیکیشن اندرویدی فلش‌کارت آموزشی CSS for Fleet Management Handbooks

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

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

عنوان دوره: دوره CSS for Fleet Management Handbooks

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

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

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

• 1. مقدمه ای بر CSS و Fleet Management
• 2. آشنایی با سینتکس CSS: انتخابگرها، ویژگی ها و مقادیر
• 3. نحوه استفاده از CSS: Inline، Internal و External
• 4. مبانی انتخابگرها: نوع، کلاس و ID
• 5. انتخابگرهای ترکیبی: Descendant، Child، Adjacent Sibling و General Sibling
• 6. انتخابگرهای شبه کلاس: :hover، :active، :focus، :visited و :first-child
• 7. انتخابگرهای شبه عنصر: ::before، ::after، ::first-line و ::first-letter
• 8. وراثت در CSS و نحوه کنترل آن
• 9. مفهوم Cascade و Priority در CSS
• 10. واحدهای اندازه گیری در CSS: Absolute و Relative
• 11. کار با رنگ ها در CSS: نام رنگ ها، کد HEX، RGB و HSL
• 12. پس زمینه ها در CSS: رنگ، تصویر، موقعیت و تکرار
• 13. فونت ها در CSS: خانواده، اندازه، وزن و استایل
• 14. متن در CSS: رنگ، تراز، فاصله و خطوط
• 15. Border ها در CSS: استایل، رنگ و عرض
• 16. Margin ها در CSS: تعریف و نحوه استفاده
• 17. Padding ها در CSS: تعریف و نحوه استفاده
• 18. باکس مدل CSS: محتوا، پدینگ، بوردر و مارجین
• 19. مفاهیم بلاک و اینلاین در CSS
• 20. Display Property: block، inline، inline-block و none
• 21. Position Property: static، relative، absolute، fixed و sticky
• 22. Float Property: left، right و clear
• 23. کار با List ها در CSS: استایل، مارکر و موقعیت
• 24. Table ها در CSS: استایل، بوردر و فاصله
• 25. آشنایی با CSS Reset و Normalize
• 26. ایجاد یک CSS Reset سفارشی
• 27. آشنایی با مفاهیم طراحی Responsive
• 28. Viewport Meta Tag و تنظیم آن
• 29. Media Queries: تعریف و نحوه استفاده
• 30. طراحی Layout های Responsive با Media Queries
• 31. Mobile First Approach در طراحی Responsive
• 32. Flexbox: مقدمه و مفاهیم اساسی
• 33. Container Properties در Flexbox: flex-direction، flex-wrap و justify-content
• 34. Item Properties در Flexbox: flex-grow، flex-shrink و flex-basis
• 35. ایجاد Layout های پیچیده با Flexbox
• 36. Grid Layout: مقدمه و مفاهیم اساسی
• 37. Grid Container Properties: grid-template-columns، grid-template-rows و grid-gap
• 38. Grid Item Properties: grid-column، grid-row و grid-area
• 39. ایجاد Layout های پیچیده با Grid Layout
• 40. تفاوت های Flexbox و Grid Layout و انتخاب مناسب
• 41. Transition ها در CSS: تعریف و نحوه استفاده
• 42. Animation ها در CSS: keyframes و properties
• 43. Transform ها در CSS: translate، rotate، scale و skew
• 44. کار با SVG در CSS: استایل دهی و انیمیشن
• 45. استفاده از فونت آیکون ها (Font Awesome)
• 46. CSS Sprites: مزایا و نحوه ایجاد
• 47. CSS Preprocessors: مقدمه ای بر Sass و Less
• 48. نصب و راه اندازی Sass
• 49. متغیرها در Sass
• 50. Nesting در Sass
• 51. Mixins در Sass
• 52. Extend/Inheritance در Sass
• 53. Partials و Modules در Sass
• 54. عملگرها و توابع در Sass
• 55. کنترل جریان (Control Directives) در Sass: @if، @else و @for
• 56. استفاده از CSS Modules برای مدیریت Scope
• 57. مفاهیم Object-Oriented CSS (OOCSS)
• 58. Block, Element, Modifier (BEM) Methodology
• 59. Atomic Design Methodology
• 60. Scalable and Modular Architecture for CSS (SMACSS)
• 61. بررسی و دیباگ CSS در مرورگر
• 62. استفاده از Chrome DevTools برای دیباگ CSS
• 63. استفاده از Firefox Developer Tools برای دیباگ CSS
• 64. بهینه سازی CSS برای بهبود عملکرد سایت
• 65. Minification و Compression CSS
• 66. Lazy Loading تصاویر پس زمینه CSS
• 67. استفاده از CSSLint و Stylelint برای بررسی کد
• 68. آشنایی با PostCSS
• 69. Autoprefixer برای سازگاری با مرورگرهای مختلف
• 70. CSS Frameworks: مقدمه ای بر Bootstrap و Tailwind CSS
• 71. بررسی Structure یک وبسایت Fleet Management
• 72. طراحی Navigation Bar وبسایت Fleet Management با CSS
• 73. طراحی Header وبسایت Fleet Management با CSS
• 74. طراحی Footer وبسایت Fleet Management با CSS
• 75. طراحی صفحه اصلی وبسایت Fleet Management با CSS
• 76. طراحی صفحه Vehicle Management وبسایت Fleet Management با CSS
• 77. طراحی صفحه Driver Management وبسایت Fleet Management با CSS
• 78. طراحی صفحه Maintenance Management وبسایت Fleet Management با CSS
• 79. طراحی صفحه Reporting وبسایت Fleet Management با CSS
• 80. طراحی صفحه Contact Us وبسایت Fleet Management با CSS
• 81. طراحی صفحه Login وبسایت Fleet Management با CSS
• 82. طراحی صفحه Dashboard وبسایت Fleet Management با CSS
• 83. طراحی فرم ها در وبسایت Fleet Management با CSS
• 84. طراحی جداول در وبسایت Fleet Management با CSS
• 85. استفاده از CSS برای چاپ صفحات وبسایت Fleet Management
• 86. بررسی و بهینه سازی Accessibility در طراحی وبسایت Fleet Management با CSS
• 87. ایجاد یک Style Guide برای وبسایت Fleet Management
• 88. Version Control CSS با Git
• 89. همکاری در پروژه های CSS با Git
• 90. استفاده از CSS-in-JS
• 91. Stated Components: مقدمه و مفاهیم اساسی
• 92. Styled System: مقدمه و مفاهیم اساسی
• 93. CSS Variables (Custom Properties)
• 94. بررسی امنیت CSS و جلوگیری از XSS
• 95. استفاده از CSS برای ایجاد افکت های پارالاکس
• 96. ایجاد یک Loader سفارشی با CSS
• 97. ایجاد یک Scroll Indicator با CSS
• 98. استفاده از CSS برای بهینه سازی LCP (Largest Contentful Paint)
• 99. آینده CSS: ویژگی ها و تکنولوژی های جدید
• 100. جمع بندی و منابع تکمیلی CSS برای Fleet Management