فلش‌کارت‌های آموزشی ساخت وب‌سایت‌های مدرن، کاربرپسند و قابل دسترس در تمام دستگاه‌ها

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب ساخت وب‌سایت‌های مدرن، کاربرپسند و قابل دسترس در تمام دستگاه‌ها

موضوع کلی: طراحی وب واکنش‌گرا

موضوع میانی: اصول و مبانی طراحی وب واکنش‌گرا با HTML5 و CSS3

📋 سرفصل‌های کتاب (100 موضوع)

• 1. اصول اولیه طراحی وب مدرن
• 2. مقدمه ای بر طراحی وب واکنش‌گرا
• 3. اهمیت تجربه کاربری (UX)
• 4. اصول طراحی کاربرپسند
• 5. قابلیت دسترسی در طراحی وب (Accessibility)
• 6. فهمیدن نیازهای کاربران
• 7. تحقیقات اولیه کاربر
• 8. شناخت مخاطبان هدف
• 9. ایجاد شخصیت‌های کاربری (User Personas)
• 10. نقشه سفر کاربر (User Journey Mapping)
• 11. اصول اولیه HTML5
• 12. ساختار صفحات وب با HTML5
• 13. عناصر معنایی HTML5
• 14. فرم‌ها در HTML5
• 15. عناصر چندرسانه‌ای HTML5 (ویدئو، صدا)
• 16. کارت‌های HTML5
• 17. مقدمه ای بر CSS3
• 18. قواعد اساسی CSS3
• 19. انتخابگرها در CSS3
• 20. خصوصیات رایج CSS3
• 21. مدیریت رنگ و پس‌زمینه
• 22. مدیریت متن و فونت‌ها
• 23. جعبه مدل (Box Model)
• 24. حاشیه‌ها (Margins) و padding
• 25. کادربندی (Borders)
• 26. ترازبندی عناصر (Alignment)
• 27. شناورها (Floats) و پاکسازی آنها
• 28. سیستم‌های چیدمان (Layout Systems)
• 29. Flexbox در CSS3
• 30. CSS Grid در CSS3
• 31. طراحی واکنش‌گرا (Responsive Design)
• 32. مفهوم دستگاه‌ها و اندازه‌های مختلف صفحه
• 33. نقاط شکست (Breakpoints)
• 34. مدیا کوئری‌ها (Media Queries)
• 35. طراحی از بالا به پایین (Mobile-First Approach)
• 36. طراحی از پایین به بالا (Desktop-First Approach)
• 37. استفاده از واحدهای نسبی (Relative Units)
• 38. عرض‌های درصدی
• 39. واحدهای em و rem
• 40. VH و VW
• 41. تصاویر واکنش‌گرا
• 42. تصاویر تطبیقی (Adaptive Images)
• 43. عناصر picture و srcset
• 44. فشرده‌سازی تصاویر
• 45. بهینه‌سازی عملکرد تصاویر
• 46. طراحی فرم‌های واکنش‌گرا
• 47. عناصر فرم در HTML5
• 48. استایل‌دهی به فرم‌ها با CSS
• 49. اعتبارسنجی فرم‌ها
• 50. تجربه کاربری در فرم‌ها
• 51. طراحی ناوبری واکنش‌گرا
• 52. منوهای همبرگری (Hamburger Menus)
• 53. منوهای کشویی (Slide-out Menus)
• 54. ناوبری در دستگاه‌های موبایل
• 55. ناوبری در دستگاه‌های دسکتاپ
• 56. قابلیت دسترسی (Accessibility)
• 57. مقدمه ای بر WCAG
• 58. استفاده از تگ‌های معنایی HTML5 برای دسترسی
• 59. متن جایگزین برای تصاویر (Alt Text)
• 60. کنتراست رنگی مناسب
• 61. ناوبری با کیبورد
• 62. استفاده از ARIA Attributes
• 63. تست قابلیت دسترسی
• 64. طراحی برای دستگاه‌های لمسی
• 65. اندازه دکمه‌ها و لینک‌ها
• 66. فاصله بین عناصر قابل کلیک
• 67. ژست‌های لمسی
• 68. بازخورد لمسی
• 69. انیمیشن‌ها و افکت‌های بصری
• 70. انتقال‌ها (Transitions) در CSS3
• 71. انیمیشن‌ها (Animations) در CSS3
• 72. استفاده از انیمیشن‌ها برای بهبود UX
• 73. اجتناب از انیمیشن‌های آزاردهنده
• 74. کتابخانه‌های CSS
• 75. مقدمه ای بر Bootstrap
• 76. مقدمه ای بر Tailwind CSS
• 77. استفاده از کلاس‌های آماده
• 78. سفارشی‌سازی کتابخانه‌ها
• 79. مدیریت صفحات وب بزرگ
• 80. استفاده از paginations
• 81. بارگذاری تنبل (Lazy Loading)
• 82. بهینه‌سازی محتوای حجیم
• 83. عملکرد وب‌سایت
• 84. اهمیت سرعت بارگذاری
• 85. فشرده‌سازی فایل‌ها (CSS، JS)
• 86. بهینه‌سازی تصاویر
• 87. استفاده از کش مرورگر
• 88. کاهش درخواست‌های HTTP
• 89. تست سرعت وب‌سایت
• 90. ابزارهای توسعه‌دهنده مرورگر
• 91. بازرسی عناصر
• 92. عیب‌یابی CSS
• 93. عیب‌یابی HTML
• 94. شبیه‌سازی دستگاه‌ها
• 95. مبانی طراحی واکنش‌گرا در عمل
• 96. ساخت یک صفحه فرود واکنش‌گرا
• 97. ساخت یک وبلاگ واکنش‌گرا
• 98. ساخت یک فروشگاه آنلاین واکنش‌گرا
• 99. تکمیل پروژه نهایی
• 100. مرور مفاهیم کلیدی