دوره توسعه ابزارهای درگ و دراپ (Drag and Drop) پیشرفته در وب همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره توسعه ابزارهای درگ و دراپ (Drag and Drop) پیشرفته در وب

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

موضوع میانی: تعاملات کاربری و رابط کاربری (UI) در جاوااسکریپت

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

• 1. مقدمه‌ای بر درگ اند دراپ در وب
• 2. درک رویدادهای Drag and Drop API
• 3. ساخت یک عنصر قابل درگ (draggable element)
• 4. تعیین داده‌های قابل انتقال (dataTransfer)
• 5. مدیریت رویداد dragstart
• 6. مدیریت رویداد dragover
• 7. جلوگیری از رفتارهای پیش‌فرض رویداد dragover
• 8. مدیریت رویداد dragenter و dragleave
• 9. مدیریت رویداد drop
• 10. دریافت داده‌های منتقل‌شده در رویداد drop
• 11. نمونه ساده: جابجایی یک عنصر در یک لیست
• 12. استفاده از CSS برای بازخورد بصری در حین درگ
• 13. پیاده‌سازی Drag and Drop بین لیست‌ها
• 14. درگ و دراپ فایل‌ها: مقدمه و مبانی
• 15. دریافت فایل‌ها با Drag and Drop
• 16. پیش‌نمایش فایل‌ها در حین Drag and Drop
• 17. اعتبارسنجی فایل‌ها در Drag and Drop
• 18. مدیریت خطاها در Drag and Drop فایل‌ها
• 19. ایجاد یک Drag and Drop Builder ساده
• 20. پشتیبانی از Drag and Drop لمسی (Touch Events)
• 21. بهینه‌سازی عملکرد Drag and Drop
• 22. استفاده از کتابخانه‌های Drag and Drop موجود (Dragula, SortableJS)
• 23. مقایسه کتابخانه‌های Drag and Drop
• 24. سفارشی‌سازی ظاهر Drag and Drop با CSS
• 25. ساخت یک Drag and Drop Calendar
• 26. پیاده‌سازی Drag and Drop برای سازماندهی وظایف (Task Management)
• 27. Drag and Drop در برنامه‌های تک‌صفحه‌ای (SPA) با React
• 28. Drag and Drop در برنامه‌های تک‌صفحه‌ای (SPA) با Vue.js
• 29. Drag and Drop در برنامه‌های تک‌صفحه‌ای (SPA) با Angular
• 30. ادغام Drag and Drop با Drag and Drop API native
• 31. تست و اشکال‌زدایی Drag and Drop
• 32. بهبود دسترس‌پذیری Drag and Drop برای کاربران دارای معلولیت
• 33. الگوهای طراحی Drag and Drop
• 34. پیاده‌سازی Drag and Drop با استفاده از TypeScript
• 35. تکنیک‌های پیشرفته برای Drag and Drop با داده‌های پیچیده
• 36. مقیاس‌پذیری Drag and Drop برای لیست‌های بزرگ