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

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

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

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

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

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

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

• 1. آشنایی با ساختار و سینتکس CSS
• 2. مبانی انتخابگرها در CSS
• 3. شناخت خصوصیات اساسی CSS (رنگ، فونت، پس‌زمینه)
• 4. مدیریت ابعاد عناصر (width, height)
• 5. خاصیت display و مقادیر آن (block, inline, inline-block)
• 6. کاربرد box model (margin, border, padding)
• 7. تنظیم حاشیه‌ها (margin) و فاصله‌ها (padding)
• 8. استفاده از کادربندی (border) و انواع آن
• 9. خصوصیت background و تنظیمات پیشرفته
• 10. کار با فونت‌ها و تایپوگرافی (font-family, font-size, font-weight)
• 11. تنظیم متن (text-align, text-decoration, text-transform)
• 12. رنگ‌ها در CSS (نامی، هگزادسیمال، RGB, RGBA, HSL)
• 13. شفافیت و opacity در CSS
• 14. تنظیمات پس‌زمینه پیشرفته (background-image, background-repeat, background-position)
• 15. مفهوم positioning (static, relative, absolute, fixed, sticky)
• 16. انواع positioning و کاربردهای عملی
• 17. استفاده از z-index برای مدیریت لایه‌ها
• 18. مفهوم float و کاربردهای آن در چیدمان
• 19. پاکسازی float (clear)
• 20. استفاده از Flexbox برای چیدمان انعطاف‌پذیر
• 21. اصول Flexbox (container و items)
• 22. تنظیم چیدمان با Flexbox (justify-content, align-items)
• 23. جهت‌دهی و مرتب‌سازی در Flexbox
• 24. کار با Grid Layout برای چیدمان شبکه‌ای
• 25. مبانی Grid Layout (container و items)
• 26. تعریف سطرها و ستون‌ها در Grid
• 27. چیدمان عناصر در Grid
• 28. استفاده از واحدهای اندازه‌گیری نسبی (em, rem, %)
• 29. واحدهای اندازه‌گیری مطلق (px, pt)
• 30. استفاده از viewport units (vw, vh)
• 31. مفهوم responsive design
• 32. طراحی واکنش‌گرا با Media Queries
• 33. تنظیمات Media Queries بر اساس عرض صفحه
• 34. کاربرد breakpoints در طراحی واکنش‌گرا
• 35. استفاده از فونت‌های سفارشی (Web Fonts)
• 36. بارگذاری بهینه فونت‌ها
• 37. مفهوم Pseudo-classes و Pseudo-elements
• 38. کاربرد Pseudo-classes (hover, active, focus)
• 39. استفاده از Pseudo-elements (::before, ::after)
• 40. انتقال‌ها (Transitions) در CSS
• 41. تنظیمات Transitions (property, duration, timing-function, delay)
• 42. انیمیشن‌ها (Animations) در CSS
• 43. تعریف Keyframes برای انیمیشن
• 44. استفاده از Animation properties
• 45. تنظیمات پیشرفته انیمیشن
• 46. مدیریت فرم‌ها در CSS
• 47. استایل‌دهی به input ها و textarea ها
• 48. استایل‌دهی به دکمه‌ها و select ها
• 49. مفهوم CSS Variables (Custom Properties)
• 50. تعریف و استفاده از CSS Variables
• 51. مدیریت تم‌های رنگی با CSS Variables
• 52. استفاده از SASS/SCSS برای سازماندهی بهتر CSS
• 53. مبانی SASS (متغیرها، توابع، Mixins)
• 54. ساختاردهی پروژه‌های CSS
• 55. بهینه‌سازی عملکرد CSS
• 56. فشرده‌سازی فایل‌های CSS
• 57. حذف کدهای CSS بلااستفاده
• 58. اصول دسترسی‌پذیری (Accessibility) در CSS
• 59. استفاده از ARIA attributes
• 60. طراحی برای کاربران با نیازهای ویژه
• 61. مفهوم CSS-in-JS (معرفی اجمالی)
• 62. اصول طراحی UI/UX با CSS
• 63. استفاده از CSS برای اعتبارسنجی فرم‌ها
• 64. ساخت انیمیشن‌های پیچیده‌تر
• 65. کاربرد CSS در ساخت اسلایدرها
• 66. طراحی منوهای ناوبری پیشرفته
• 67. استفاده از CSS برای ساخت مودال‌ها (Modals)
• 68. استایل‌دهی به جداول
• 69. اصول انطباق با قوانین جمهوری اسلامی ایران در طراحی وب
• 70. ملاحظات شرعی در طراحی وب‌سایت‌های آموزشی
• 71. استفاده از رنگ‌ها و فونت‌های مناسب در محتوای آموزشی
• 72. مدیریت تصاویر و محتوای بصری مطابق با استانداردها
• 73. طراحی رابط کاربری برای کاربران ایرانی
• 74. استفاده از زبان فارسی در CSS
• 75. تنظیمات RTL (Right-to-Left) برای زبان فارسی
• 76. مدیریت چیدمان با در نظر گرفتن زبان فارسی
• 77. اصول انطباق با آیین‌نامه ساماندهی محتوای دیجیتال
• 78. پرهیز از محتوای مخالف شرع و قوانین
• 79. اهمیت رعایت حدود شرعی در طراحی وب
• 80. تأثیر CSS بر تجربه کاربری در بستر فرهنگی ایران
• 81. استانداردهای طراحی برای سامانه‌های آموزشی رسمی
• 82. کاربرد CSS در اعتبارسنجی محتوای آموزشی
• 83. ملاحظات امنیتی در CSS (جلوگیری از حملات XSS)
• 84. مفهوم CSS Frameworks (Bootstrap, Tailwind CSS)
• 85. نصب و استفاده از Bootstrap
• 86. اصول طراحی با Bootstrap
• 87. نصب و استفاده از Tailwind CSS
• 88. اصول طراحی با Tailwind CSS
• 89. مقایسه Bootstrap و Tailwind CSS
• 90. کاربرد CSS در ساخت صفحات فرود (Landing Pages)
• 91. طراحی فرم ثبت‌نام مطابق با الگوهای ایرانی
• 92. استفاده از CSS برای اعتبارسنجی فیلدهای فرم
• 93. اصول طراحی UI برای اپلیکیشن‌های وب
• 94. مدیریت چیدمان در موبایل و تبلت
• 95. ساخت کامپوننت‌های UI با CSS
• 96. بهینه‌سازی CSS برای موتورهای جستجو (SEO)
• 97. استفاده از سمانتیک در HTML و CSS
• 98. تست و دیباگ کردن CSS
• 99. ابزارهای توسعه‌دهنده در مرورگرها
• 100. کار با DevTools برای رفع اشکال CSS