کتاب صوتی ساخت پروژه‌های جذاب با Tailwind CSS: از صفر تا صد

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

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

عنوان دوره: دوره ساخت پروژه‌های جذاب با Tailwind CSS: از صفر تا صد

موضوع کلی: توسعه وب و طراحی رابط کاربری

موضوع میانی: فریم‌ورک‌های CSS و ابزارهای مدرن طراحی

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

• 1. مقدمه‌ای بر طراحی رابط کاربری مدرن
• 2. اصول طراحی واکنش‌گرا (Responsive Design)
• 3. آشنایی با فریم‌ورک‌های CSS
• 4. معرفی Tailwind CSS
• 5. نصب و راه‌اندازی Tailwind CSS
• 6. مفاهیم پایه Tailwind CSS: کلاس‌های کاربردی
• 7. استفاده از کلاس‌های فضای خالی (Spacing)
• 8. کار با کلاس‌های رنگ (Colors)
• 9. تنظیم فونت و اندازه متن (Typography)
• 10. طراحی دکمه‌ها با Tailwind CSS
• 11. ایجاد کارت‌های اطلاعاتی
• 12. ساخت فرم‌های کاربری
• 13. طراحی هدر و فوتر سایت
• 14. استفاده از گرید سیستمی (Grid System)
• 15. ایجاد لایوت‌های پیچیده با گرید
• 16. کار با فلکس‌باکس (Flexbox)
• 17. طراحی ناوبری (Navigation)
• 18. ساخت مودال‌ها و پنجره‌های پاپ‌آپ
• 19. انیمیشن‌ها و ترانزیشن‌ها با Tailwind CSS
• 20. طراحی المان‌های فرم پیشرفته
• 21. استفاده از آیکن‌ها در طراحی
• 22. ایجاد جداول داده
• 23. طراحی گالری تصاویر
• 24. ساخت بخش نظرات کاربران
• 25. طراحی لندینگ پیج (Landing Page)
• 26. بهینه‌سازی تصاویر برای وب
• 27. اصول دسترسی‌پذیری (Accessibility)
• 28. تست و دیباگ کردن رابط کاربری
• 29. ساخت کامپوننت‌های قابل استفاده مجدد
• 30. استفاده از قابلیت‌های پیشرفته Tailwind (Plugins)
• 31. تنظیمات سفارشی Tailwind CSS
• 32. ساخت تم‌های رنگی پویا
• 33. طراحی حالت تاریک (Dark Mode)
• 34. بهینه‌سازی عملکرد CSS
• 35. مقدمه‌ای بر ابزارهای توسعه وب
• 36. ابزارهای مرورگر برای دیباگ CSS
• 37. استفاده از ابزارهای ساخت (Build Tools)
• 38. مقدمه‌ای بر طراحی تجربه کاربری (UX)
• 39. اصول تحقیق کاربر
• 40. نقشه‌برداری سفر کاربر (User Journey Mapping)
• 41. ساخت پرسونا (Persona)
• 42. طراحی وایرفریم (Wireframe)
• 43. ساخت پروتوتایپ (Prototype)
• 44. تست کاربردپذیری (Usability Testing)
• 45. اصول طراحی رابط کاربری (UI)
• 46. هماهنگی بصری در طراحی
• 47. روانشناسی رنگ در طراحی
• 48. تایپوگرافی کاربردی
• 49. ساختار اطلاعات (Information Architecture)
• 50. طراحی ناوبری مؤثر
• 51. اصول طراحی فرم
• 52. بازخورد بصری (Visual Feedback)
• 53. طراحی برای موبایل اول (Mobile-First Design)
• 54. استفاده از سیستم‌های طراحی (Design Systems)
• 55. معرفی کتابخانه‌های کامپوننت UI
• 56. طراحی فرم‌های پیچیده و چند مرحله‌ای
• 57. مدیریت وضعیت (State Management) در رابط کاربری
• 58. انتقال داده بین کامپوننت‌ها
• 59. اصول طراحی تعاملی (Interaction Design)
• 60. ایجاد جریان‌های کاربری (User Flows)
• 61. طراحی اعلان‌ها (Notifications)
• 62. استفاده از انیمیشن‌های مینیمال
• 63. اصول طراحی مینیمالیسم (Minimalism)
• 64. طراحی با در نظر گرفتن مخاطب
• 65. بازخورد و نظرات کاربران در طراحی
• 66. تکرار و بهبود در طراحی
• 67. مفاهیم اولیه جاوااسکریپت برای فرانت‌اند
• 68. تعامل با DOM با جاوااسکریپت
• 69. مدیریت رویدادها در جاوااسکریپت
• 70. مقدمه‌ای بر فریم‌ورک‌های جاوااسکریپت
• 71. استفاده از جاوااسکریپت در Tailwind CSS
• 72. طراحی فرم‌های پویا با جاوااسکریپت
• 73. اعتبارسنجی فرم‌ها در سمت کلاینت
• 74. ارتباط با API با جاوااسکریپت
• 75. نمایش داده‌های پویا در رابط کاربری
• 76. اصول بهینه‌سازی سرعت بارگذاری صفحات
• 77. فشرده‌سازی منابع (CSS, JS)
• 78. استفاده از تصاویر بهینه
• 79. بارگذاری تنبل (Lazy Loading)
• 80. مقدمه‌ای بر مفاهیم سئو (SEO) برای فرانت‌اند
• 81. ساختار معنایی HTML
• 82. استفاده از تگ‌های معنایی
• 83. طراحی برای موتورهای جستجو
• 84. اصول امنیت در فرانت‌اند
• 85. جلوگیری از حملات XSS
• 86. مدیریت کوکی‌ها و نشست‌ها
• 87. طراحی رابط کاربری برای دسترسی جهانی
• 88. پشتیبانی از زبان‌های مختلف (Internationalization)
• 89. فرهنگ‌سازی در استفاده از ابزارهای نوین
• 90. رویکردهای نوین در توسعه رابط کاربری
• 91. پروژه‌های عملی با Tailwind CSS
• 92. ساخت وب‌سایت نمونه با Tailwind
• 93. طراحی اپلیکیشن وب ساده
• 94. ساخت داشبورد مدیریتی
• 95. تکمیل و ارائه پروژه نهایی