فلش‌کارت‌های آموزشی CSS کامل: از مبانی تا حرفه‌ای با پروژه‌های کاربردی

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

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

عنوان دوره: دوره CSS کامل: از مبانی تا حرفه‌ای با پروژه‌های کاربردی

موضوع کلی: توسعه وب

موضوع میانی: استایل‌دهی با CSS

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

• 1. درک نحو CSS و قواعد آن
• 2. انتخاب عناصر با استفاده از انتخاب‌های عنصر، کلاس و آی‌دی
• 3. اعمال رنگ‌ها با استفاده از هگز، آرگب، اچ‌اس‌ال و نام‌های رنگ
• 4. استایل‌دهی متن: فونت، خط‌ارتفاع، ترازبندی و رنگ
• 5. افزودن پس‌زمینه: تصاویر، رنگ‌ها و رفتار تکرار
• 6. مدل جعبه: عرض، ارتفاع، پدینگ، بوردر و مارژ
• 7. مدیریت اوورفلو و نمایش محتوا
• 8. استایل‌دهی لینک‌ها: حالت‌های هاور، ویژیت و اکتیو
• 9. استایل‌دهی لیست‌ها: گلوله‌ها، شماره‌گذاری و توک
• 10. استایل‌دهی جدول‌ها: بوردرها، فاصله‌گذاری و ترازبندی کپشن
• 11. روش‌های موقعیت‌یابی: استاتیک، رelat ive، ابسولوت و فیکس
• 12. کنترل زای‌ایندکس و مرجع‌های انباشت
• 13. مبانی چیدمان فلکس‌باکس CSS: کانتینر، آیتم‌ها و جهت
• 14. ترازبندی و مرتب‌سازی آیتم‌ها در فلکس‌باکس
• 15. مبانی چیدمان گرید CSS: تعریف ترک‌ها،-areas و گپ‌ها
• 16. طراحی واکنش‌گرا با استفاده از مدیا کوئری‌ها
• 17. رویکرد موبایل-فرست در CSS
• 18. استفاده از ویژگی‌های سفارشی CSS (متغیرها)
• 19. محاسبه مقادیر با استفاده از تابع calc()
• 20. استایل‌دهی فرم‌ها: اینپوت‌ها، دکمه‌ها و چک‌باکس‌ها
• 21. مقیاس‌بندی تایپوگرافی با استفاده از واحدهای rem و em
• 22. واحدهای viewport: vw، vh، vmin، vmax
• 23. انتقال‌های CSS برای تغییرات نرم‌افزار
• 24. مبانی انیمیشن‌های کیفریم
• 25. تبدیل عناصر: ترجمه، چرخش، مقیاس
• 26. اعمال چند انتقال و انیمیشن
• 27. پسو-کلاس‌ها: هاور، فوکوس، first-child، nth-child
• 28. پسو-المنت‌ها: ::قبل از، ::بعد از، ::پلیس‌هولدر
• 29. استایل‌دهی اسکرول‌بار با CSS سفارشی
• 30. بهینه‌سازی محتوا با استفاده از CSS
• 31. نوشتن CSS قابل نگهداری با متدولوژی BEM
• 32. معماری CSS: SMACSS و OOCSS
• 33. بهینه‌سازی CSS برای بارگذاری سریع‌تر
• 34. در نظر گرفتن دسترسی‌پذیری: کنتراست رنگ و استایل‌های فوکوس
• 35. استفاده از CSS Houdini برای نقاشی سفارشی (مقدمه)
• 36. اشکال‌زدایی CSS با استفاده از ابزارهای توسعه‌دهنده مرورگر
• 37. استراتژی‌های سازگاری با مرورگرهای مختلف
• 38. بهترین روش‌های استفاده از نظرات و مستندسازی CSS
• 39. مقیاس‌بندی تایپوگرافی برای نمایش واکنش‌گرا
• 40. مدیریت ویژگی‌های خاص و نظم CSS
• 41. استفاده از !important با احتیاط و در مواقع لزوم
• 42. استایل‌دهی آیکن‌ها و SVGها با CSS
• 43. تکنیک‌های ماسک و برش CSS
• 44. ایجاد عناصر چسبنده و فوتر چسبنده
• 45. ساخت نوار ناوبری ثابت
• 46. طراحی پنجره‌های مدال با CSS
• 47. استایل‌دهی منوهای کشویی
• 48. ایجاد گالری‌های تصویری با CSS
• 49. CSS برای چاپ: استایل‌های @media print
• 50. بهینه‌سازی تصاویر با استفاده از تکنیک‌های پس‌زمینه CSS
• 51. استفاده از ویژگی‌های منطقی CSS برای طرح‌بندی RTL
• 52. استایل‌دهی نوار پیشرفت
• 53. ساخت ناوبری breadcrumb
• 54. پیاده‌سازی کاروسل‌های کاملاً CSS
• 55. ساخت تولوپ‌های کاملاً CSS
• 56. استایل‌دهی سفارشی اسکرول‌بار
• 57. یکپارچه‌سازی CSS با جاوااسکریپت از طریق تغییر کلاس
• 58. استفاده از API نقاشی Houdini CSS
• 59. تنظیم linting CSS و راهنمای سبک
• 60. ساخت معماری چارچوب CSS حداقل
• 61. آزمایش طرح‌بندی واکنش‌گرا در دستگاه‌های مختلف
• 62. پروفایلینگ عملکرد بارگذاری و رندر CSS
• 63. در نظر گرفتن سئو برای محتوای استایل‌دهی شده با CSS
• 64. بهبود ویژگی‌های اصلی وب با تکنیک‌های CSS