دوره Sass/SCSS: تسلط بر CSS مدرن همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Sass/SCSS: تسلط بر CSS مدرن

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

موضوع میانی: Sass/SCSS

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

• 1. آشنایی با CSS و جایگاه آن در توسعه وب
• 2. مقدمات و اصول اولیه CSS
• 3. انتخابگرها در CSS: انواع و کاربردها
• 4. انتخابگرهای کلاس و آیدی
• 5. انتخابگرهای صفات و شبه‌کلاس‌ها
• 6. ساختار سند و مدل جعبه‌ای (Box Model)
• 7. واحدها در CSS: پیکسل، em، rem، vw، vh
• 8. رنگ‌ها در CSS: نام‌ها، مقادیر هگز، RGB، HSL
• 9. تایپوگرافی: فونت‌ها، اندازه، وزن و استایل متن
• 10. متن: هم‌ترازی، فاصله‌گذاری و تزئینات
• 11. پس‌زمینه‌ها: رنگ، تصویر، تکرار و موقعیت
• 12. حاشیه‌ها (Borders): سبک، عرض و رنگ
• 13. فاصله‌گذاری داخلی (Padding)
• 14. فاصله‌گذاری خارجی (Margin)
• 15. نمایش (Display): block، inline، inline-block
• 16. موقعیت‌دهی (Positioning): static، relative، absolute
• 17. موقعیت‌دهی: fixed و sticky
• 18. زیرنویس (z-index)
• 19. شناوری (Float) و پاکسازی (Clear)
• 20. چیدمان ستونی (Columns)
• 21. چیدمان انعطاف‌پذیر (Flexbox): مقدمات
• 22. Flexbox: تنظیمات محور اصلی
• 23. Flexbox: تنظیمات محور متقاطع
• 24. Flexbox: مرتب‌سازی و انعطاف‌پذیری آیتم‌ها
• 25. چیدمان شبکه‌ای (Grid): مقدمات
• 26. Grid: تعریف خطوط و نواحی
• 27. Grid: تخصیص آیتم‌ها به نواحی
• 28. Grid: هم‌ترازی و فاصله‌گذاری در Grid
• 29. CSS پیشونددار (Vendor Prefixes)
• 30. قوانین @media و طراحی واکنش‌گرا
• 31. تنظیمات نمای کلی (Viewport)
• 32. طراحی واکنش‌گرا با استفاده از Max-width
• 33. طراحی واکنش‌گرا با استفاده از Min-width
• 34. مفهوم Sass و SCSS
• 35. نصب و راه‌اندازی Sass/SCSS
• 36. متغیرها در Sass/SCSS
• 37. تودرتویی (Nesting) در Sass/SCSS
• 38. میکسین‌ها (Mixins) در Sass/SCSS
• 39. ورودی‌ها در میکسدین‌ها
• 40. ارث‌بری (Inheritance) و Extend در Sass/SCSS
• 41. توابع (Functions) در Sass/SCSS
• 42. عملیات ریاضی در Sass/SCSS
• 43. کار با لیست‌ها در Sass/SCSS
• 44. کار با نقشه‌ها (Maps) در Sass/SCSS
• 45. جهت‌دهی راست به چپ (RTL) در Sass/SCSS
• 46. دستور @import برای سازماندهی کد
• 47. دستور @use و @forward
• 48. ساختارهای کنترلی (Control Directives) در Sass/SCSS
• 49. حلقه FOR در Sass/SCSS
• 50. حلقه EACH در Sass/SCSS
• 51. حلقه WHILE در Sass/SCSS
• 52. شرط IF/ELSE در Sass/SCSS
• 53. کتابخانه‌های CSS: Bootstrap و Tailwind CSS
• 54. ادغام Sass/SCSS با فریم‌ورک‌ها
• 55. بهینه‌سازی کد Sass/SCSS
• 56. ابزارهای خط فرمان Sass/SCSS
• 57. پلاگین‌های Sass/SCSS برای ویرایشگرها
• 58. مقدمه‌ای بر CSS-in-JS
• 59. مرورگرهای وب و موتورهای رندرینگ
• 60. اشکال‌زدایی CSS با ابزارهای توسعه‌دهنده مرورگر
• 61. کتابخانه‌های آیکون (Font Awesome، Material Icons)
• 62. انیمیشن‌های CSS: مقدمات
• 63. انیمیشن‌های CSS: کلیدفریم‌ها (Keyframes)
• 64. انتقال‌ها (Transitions) در CSS
• 65. انیمیشن‌های پیشرفته با JavaScript
• 66. دستور @keyframes و ترکیب آن با Sass/SCSS
• 67. تغییرات رنگ پویا با Sass/SCSS
• 68. تولید خودکار متغیرهای CSS از Sass/SCSS
• 69. استفاده از Sass/SCSS برای مدیریت تم‌ها
• 70. طراحی فرم‌های واکنش‌گرا با Sass/SCSS
• 71. استفاده از Sass/SCSS در پروژه‌های بزرگ
• 72. اصول کدنویسی تمیز در Sass/SCSS
• 73. پروژه‌های عملی با Sass/SCSS
• 74. ساخت کامپوننت‌های UI با Sass/SCSS
• 75. مدیریت استایل‌های سایت‌های چندزبانه با Sass/SCSS
• 76. بهبود عملکرد وب‌سایت با CSS بهینه‌شده
• 77. مفاهیم پیشرفته انتخابگرها
• 78. استفاده از Pseudo-elements
• 79. مدیریت استایل‌های پیچیده
• 80. سازگاری با مرورگرهای قدیمی
• 81. CSS Variables (Custom Properties)
• 82. نحوه استفاده از CSS Variables با Sass/SCSS
• 83. مقدمه ای بر ابزارهای Build (Webpack, Parcel)
• 84. پیکربندی Sass/SCSS در ابزارهای Build
• 85. بهینه سازی خروجی CSS
• 86. اصول طراحی تجربه کاربری (UX) و رابط کاربری (UI)
• 87. اصول دسترسی‌پذیری (Accessibility) در CSS
• 88. بررسی و تحلیل کدهای CSS موجود
• 89. بازسازی و بهبود کدهای CSS قدیمی
• 90. مقدمه ای بر مفاهیم امنیت در CSS
• 91. جلوگیری از حملات XSS با CSS (در حد نیاز)
• 92. مقدمه ای بر تست CSS
• 93. تست خودکار CSS
• 94. مدیریت وابستگی‌های CSS
• 95. ملاحظات شرعی و قانونی در طراحی وب (با رویکرد سازگار)
• 96. اصول اخلاقی در توسعه وب
• 97. نکات پایانی و جمع‌بندی
• 98. مسیرهای یادگیری پیشرفته CSS و Sass/SCSS