کتاب صوتی آموزش کاربردی جاوااسکریپت و دستکاری مدل شیءگرای سند (DOM) برای طراحی صفحات وب تعاملی

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

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

عنوان دوره: دوره آموزش کاربردی جاوااسکریپت و دستکاری مدل شیءگرای سند (DOM) برای طراحی صفحات وب تعاملی

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

موضوع میانی: تعاملات پویا در سمت کاربر (Client-Side)

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

• 1. آشنایی با مبانی جاوااسکریپت در مرورگر
• 2. نحوه اتصال اسکریپت‌ها به صفحات وب
• 3. شناخت ساختار درختی مدل شیءگرای سند
• 4. انتخاب عناصر صفحه با استفاده از متدهای جستجو
• 5. تغییر محتوای متنی و اچ‌تی‌ام‌ال عناصر
• 6. مدیریت ویژگی‌ها و کلاس‌های سی‌اس‌اس در عناصر
• 7. ایجاد و حذف گره‌های جدید در سند
• 8. درک مفهوم رویدادها در مرورگر
• 9. مدیریت کلیک و رویدادهای موس
• 10. کار با ورودی‌های فرم و رویدادهای صفحه‌کلید
• 11. اعتبارسنجی داده‌های فرم در سمت کاربر
• 12. تغییر استایل عناصر به صورت پویا با جاوااسکریپت
• 13. کار با زمان‌بندی و توابع وقفه
• 14. تکنیک‌های پیمایش در درخت سند
• 15. مدیریت حباب رویدادها و انتشار آن‌ها
• 16. بهینه‌سازی عملکرد در دستکاری دام
• 17. آشنایی با اشیاء ذخیره‌سازی محلی و نشست
• 18. کار با ای‌پی‌آی‌های پایه مرورگر
• 19. ساخت منوهای کشویی و ناوبری تعاملی
• 20. پیاده‌سازی اسلایدر تصاویر ساده
• 21. ایجاد تب‌های محتوایی پویا
• 22. طراحی مودال‌ها و پنجره‌های گفتگو
• 23. کار با فیلترهای جستجو در لیست‌های داده
• 24. به‌روزرسانی محتوا بدون بارگذاری مجدد صفحه
• 25. مدیریت خطاهای رایج در کدنویسی سمت کاربر
• 26. اصول کدنویسی تمیز و ساختاریافته در جاوااسکریپت
• 27. امنیت در تعاملات سمت کاربر و جلوگیری از حملات تزریق کد
• 28. کار با تاریخ و زمان در جاوااسکریپت
• 29. مدیریت گروه‌های عناصر با استفاده از حلقه ها
• 30. ساخت جداول داده پویا و مرتب‌سازی آن‌ها
• 31. آشنایی با مفاهیم اولیه توابع خوداجرا
• 32. استفاده از رویدادهای اسکرول برای بهبود تجربه کاربری
• 33. طراحی دکمه‌های بازگشت به بالا
• 34. پیاده‌سازی سیستم لایک و امتیازدهی تعاملی
• 35. کار با فایل‌های جیسون و نمایش داده‌های آن
• 36. اصول طراحی واکنش‌گرا با کمک جاوااسکریپت
• 37. مدیریت وضعیت‌های بارگذاری در صفحات وب
• 38. بهبود دسترسی‌پذیری در صفحات تعاملی
• 39. تست و اشکال‌زدایی کدهای جاوااسکریپت در مرورگر
• 40. پروژه نهایی طراحی یک داشبورد تعاملی پویا