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

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

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

عنوان دوره: دوره ساخت رابط‌های کاربری واکنش‌گرا با جاوا اسکریپت

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

موضوع میانی: طراحی رابط کاربری پویا و تعاملی

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

• 1. مبانی طراحی رابط کاربری
• 2. اصول طراحی رابط کاربری در وب
• 3. مقدمه‌ای بر HTML و ساختار صفحه
• 4. CSS برای استایل‌دهی عناصر
• 5. مبانی جاوا اسکریپت برای تعامل
• 6. تغییر محتوای صفحه با جاوا اسکریپت
• 7. مدیریت رویدادها در جاوا اسکریپت
• 8. توابع و پارامترها در جاوا اسکریپت
• 9. اشیاء و کلاس‌ها در جاوا اسکریپت
• 10. کار با آرایه‌ها در جاوا اسکریپت
• 11. حلقه‌ها و شرط‌ها در جاوا اسکریپت
• 12. کار با DOM (Document Object Model)
• 13. انتخاب عناصر DOM
• 14. تغییر استایل عناصر DOM
• 15. ایجاد و حذف عناصر DOM
• 16. مدیریت رویدادهای DOM
• 17. فرم‌ها و اعتبارسنجی ورودی‌ها
• 18. اعتبارسنجی سمت کاربر با جاوا اسکریپت
• 19. ارسال داده‌های فرم بدون بارگذاری مجدد صفحه
• 20. مفهوم AJAX
• 21. ساخت درخواست‌های AJAX
• 22. دریافت و پردازش پاسخ‌های AJAX
• 23. کار با APIهای وب
• 24. نمونه‌هایی از APIهای وب
• 25. نمایش داده‌های پویا از API
• 26. پیاده‌سازی جستجوی زنده
• 27. ایجاد منوهای ناوبری پویا
• 28. اسلایدرها و گالری‌های تصویری
• 29. انیمیشن‌های CSS و جاوا اسکریپت
• 30. ایجاد انیمیشن‌های سفارشی
• 31. استفاده از کتابخانه‌های انیمیشن
• 32. کتابخانه‌های جاوا اسکریپت برای UI
• 33. معرفی فریم‌ورک‌های UI (اختیاری و با رویکرد سازگار)
• 34. فریم‌ورک‌های CSS (اختیاری و با رویکرد سازگار)
• 35. مبانی طراحی واکنش‌گرا (Responsive Design)
• 36. طراحی برای دستگاه‌های مختلف
• 37. استفاده از Grid Layout در CSS
• 38. استفاده از Flexbox در CSS
• 39. تنظیم تصاویر برای نمایش واکنش‌گرا
• 40. نکات مهم در طراحی UI کاربرپسند
• 41. قابلیت دسترسی (Accessibility) در UI
• 42. تست و بهینه‌سازی رابط کاربری
• 43. مقدمه‌ای بر ابزارهای توسعه‌دهنده مرورگر
• 44. اشکال‌زدایی (Debugging) جاوا اسکریپت
• 45. کار با کنسول مرورگر
• 46. مدیریت خطاها در جاوا اسکریپت
• 47. معرفی الگوهای طراحی UI
• 48. الگوهای طراحی برای فرم‌ها
• 49. الگوهای طراحی برای ناوبری
• 50. الگوهای طراحی برای نمایش داده‌ها
• 51. مقدمه‌ای بر تجربه کاربری (UX)
• 52. تفاوت UI و UX
• 53. اصول تحقیق در مورد کاربران
• 54. ایجاد پرسونا (Persona)
• 55. طراحی جریان کاربری (User Flow)
• 56. طراحی وایرفریم (Wireframe)
• 57. ساخت پروتوتایپ (Prototype)
• 58. تست کاربردپذیری (Usability Testing)
• 59. جمع‌آوری بازخورد کاربران
• 60. بهینه‌سازی UI بر اساس بازخورد
• 61. مبانی امنیت در توسعه وب (با تمرکز بر UI)
• 62. جلوگیری از حملات XSS (Cross-Site Scripting)
• 63. مدیریت کوکی‌ها و سشن‌ها (با رویکرد امن)
• 64. ملاحظات مربوط به حریم خصوصی کاربران
• 65. اصول کار با داده‌ها و اطلاعات شخصی
• 66. استفاده از قالب‌های استاندارد برای نمایش اطلاعات
• 67. نمایش نمودارها و گراف‌ها با جاوا اسکریپت
• 68. کتابخانه‌های رسم نمودار
• 69. پیاده‌سازی نوتیفیکیشن‌های سمت کاربر
• 70. سیستم‌های اطلاع‌رسانی درون‌برنامه‌ای
• 71. طراحی داشبوردهای مدیریتی
• 72. کار با فرم‌های پیچیده و چندمرحله‌ای
• 73. مفهوم Single Page Application (SPA) (مقدماتی)
• 74. معرفی ابزارهای ساخت SPA (اختیاری و با رویکرد سازگار)
• 75. ملاحظات مربوط به سئو (SEO) در UI
• 76. بهینه‌سازی UI برای موتورهای جستجو
• 77. کار با عناصر HTML معنایی
• 78. ساختاردهی محتوا برای سئو
• 79. مدیریت تاریخ و زمان در UI
• 80. پیاده‌سازی تقویم‌های تعاملی
• 81. انتخابگرهای تاریخ و زمان
• 82. نکات پیشرفته در کار با DOM
• 83. بهینه‌سازی عملکرد جاوا اسکریپت
• 84. کاهش حجم فایل‌های جاوا اسکریپت
• 85. مدیریت حافظه در جاوا اسکریپت
• 86. ملاحظات مربوط به مرورگرهای مختلف
• 87. پشتیبانی از مرورگرهای قدیمی‌تر (با رویکرد مدرن)
• 88. سازگاری UI در پلتفرم‌های مختلف
• 89. روندهای جدید در طراحی UI
• 90. طراحی مینیمال و کاربردی
• 91. استفاده از المان‌های بصری جذاب
• 92. طراحی برای موبایل اول (Mobile-First)
• 93. مبانی طراحی UI با رویکرد اخلاقی
• 94. حفظ حریم خصوصی و شفافیت
• 95. جلوگیری از طراحی فریبنده (Dark Patterns)
• 96. اصول همکاری تیمی در توسعه UI
• 97. مدیریت کد با Git
• 98. مستندسازی کد UI
• 99. پروژه‌های عملی و تمرین‌های پیشرفته
• 100. ساخت یک صفحه وب واکنش‌گرا کامل