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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و کاربرد آن در توسعه داخلی
• 2. شناخت ساختار و اجزای صفحات وب
• 3. مبانی انتخابگرها در CSS
• 4. قواعد اساسی استایل‌دهی: رنگ، فونت و پس‌زمینه
• 5. مدیریت ابعاد و فضا در CSS: Box Model
• 6. تکنیک‌های چیدمان صفحه: Flexbox
• 7. تکنیک‌های چیدمان صفحه: Grid
• 8. استفاده از واحدهای نسبی و مطلق در CSS
• 9. مدیریت فونت‌ها و تایپوگرافی پیشرفته
• 10. کار با تصاویر و منابع رسانه‌ای در CSS
• 11. استفاده از گرادیان‌ها و سایه‌ها
• 12. انتقال‌ها (Transitions) در CSS
• 13. انیمیشن‌ها (Animations) در CSS
• 14. طراحی واکنش‌گرا (Responsive Design) با Media Queries
• 15. بهینه‌سازی CSS برای موبایل
• 16. مدیریت فرم‌ها و عناصر ورودی
• 17. استایل‌دهی به جداول
• 18. کار با عناصر شبه‌کلاس (Pseudo-classes)
• 19. کار با عناصر شبه‌عنصر (Pseudo-elements)
• 20. سازگاری مرورگرها و راه‌حل‌ها
• 21. ابزارهای توسعه‌دهنده مرورگر برای CSS
• 22. مقدمه ای بر پیش‌پردازنده‌های CSS (مانند Sass/SCSS)
• 23. نصب و راه‌اندازی Sass/SCSS
• 24. متغیرها در Sass/SCSS
• 25. تودرتو کردن (Nesting) در Sass/SCSS
• 26. Mixins در Sass/SCSS
• 27. Extend/Inheritance در Sass/SCSS
• 28. توابع (Functions) در Sass/SCSS
• 29. ماژول‌ها (Modules) در Sass/SCSS
• 30. ساختاردهی پروژه‌های بزرگ با Sass/SCSS
• 31. کاربرد Sass/SCSS در پروژه‌های داخلی
• 32. مقدمه ای بر فریم‌ورک‌های CSS
• 33. مروری بر فریم‌ورک‌های محبوب (با رویکرد داخلی)
• 34. نصب و پیکربندی Bootstrap (نسخه سازگار)
• 35. کامپوننت‌های Bootstrap: Grid System
• 36. کامپوننت‌های Bootstrap: Typography
• 37. کامپوننت‌های Bootstrap: Forms
• 38. کامپوننت‌های Bootstrap: Buttons
• 39. کامپوننت‌های Bootstrap: Navigation
• 40. کامپوننت‌های Bootstrap: Cards
• 41. کامپوننت‌های Bootstrap: Modals
• 42. کامپوننت‌های Bootstrap: Alerts
• 43. کامپوننت‌های Bootstrap: Tables
• 44. کامپوننت‌های Bootstrap: Images
• 45. سفارشی‌سازی Bootstrap
• 46. نصب و پیکربندی Tailwind CSS (با رویکرد داخلی)
• 47. مبانی کلاس‌های Utility در Tailwind CSS
• 48. استفاده از Tailwind CSS برای چیدمان
• 49. استفاده از Tailwind CSS برای استایل‌دهی
• 50. استفاده از Tailwind CSS برای عناصر UI
• 51. تنظیمات پیشرفته Tailwind CSS
• 52. کاربرد Tailwind CSS در پروژه‌های داخلی
• 53. اصول دسترسی‌پذیری (Accessibility) در CSS
• 54. استفاده از ARIA attributes
• 55. تست دسترسی‌پذیری
• 56. بهینه‌سازی عملکرد CSS
• 57. مدیریت کش CSS
• 58. فشرده‌سازی فایل‌های CSS
• 59. اصول طراحی تمیز (Clean Design) در CSS
• 60. مدیریت کد CSS تکراری
• 61. اصول نام‌گذاری کلاس‌ها (مانند BEM)
• 62. کاربرد BEM در پروژه‌های داخلی
• 63. مدیریت CSS در پروژه‌های تیمی
• 64. ورژن‌بندی CSS
• 65. استفاده از CSS-in-JS (با رویکرد داخلی)
• 66. مقدمه ای بر CSS Modules
• 67. کاربرد CSS Modules
• 68. اصول طراحی سیستم‌های طراحی (Design Systems)
• 69. اجزای یک سیستم طراحی
• 70. پیاده‌سازی سیستم طراحی با CSS
• 71. مدیریت CSS در محیط‌های سازمانی
• 72. ملاحظات امنیتی در CSS
• 73. جلوگیری از حملات XSS از طریق CSS
• 74. استفاده از CSS برای اعتبارسنجی فرم‌ها (سمت کاربر)
• 75. تکنیک‌های پیشرفته انیمیشن
• 76. انیمیشن‌های مبتنی بر SVG
• 77. کاربرد انیمیشن‌های پیشرفته در رابط کاربری
• 78. اصول UI/UX در CSS
• 79. طراحی رابط کاربری دوستانه
• 80. تجربه کاربری روان
• 81. استفاده از CSS برای بهینه‌سازی سئو
• 82. تگ‌های معنایی HTML و ارتباط با CSS
• 83. تکنیک‌های CSS برای بهبود خوانایی
• 84. مقدمه ای بر CSS Variables (Custom Properties)
• 85. کاربرد CSS Variables
• 86. استفاده از CSS Variables برای تم‌بندی (Theming)
• 87. مدیریت CSS در پروژه‌های بزرگ و پیچیده
• 88. اصول معماری CSS
• 89. مروری بر ابزارهای خط فرمان برای CSS
• 90. کاربرد ابزارهای خط فرمان در گردش کار توسعه
• 91. نکات پایانی و جمع‌بندی
• 92. تمرین‌های عملی و پروژه‌های کوچک
• 93. آینده CSS و روندهای نوین
• 94. ملاحظات فرهنگی در طراحی رابط کاربری (با تأکید بر چارچوب داخلی)
• 95. استفاده از رنگ‌ها و نمادهای سازگار با فرهنگ ایرانی
• 96. طراحی متناسب با ارزش‌های خانواده ایرانی-اسلامی
• 97. ملاحظات شرعی در طراحی رابط کاربری (مثلاً در مورد نمایش تصاویر)
• 98. اصول اخلاقی در توسعه وب با CSS
• 99. تکنیک‌های استایل‌دهی برای بهبود تجربه کاربری در نرم‌افزارهای داخلی
• 100. بهینه‌سازی CSS برای برنامه‌های تحت وب داخلی