فلش‌کارت‌های آموزشی ساخت صفحات وب پویا با JavaScript و DOM

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

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

عنوان دوره: دوره ساخت صفحات وب پویا با JavaScript و DOM

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

موضوع میانی: برنامه‌نویسی سمت کاربر (Front-end)

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

• 1. مقدمه‌ای بر توسعه وب و زبان جاوا اسکریپت
• 2. آشنایی با ساختار HTML و CSS
• 3. نقش جاوا اسکریپت در صفحات وب
• 4. مبانی زبان جاوا اسکریپت
• 5. متغیرها، انواع داده و عملگرها در جاوا اسکریپت
• 6. ساختارهای کنترلی: شرط‌ها و حلقه‌ها
• 7. توابع در جاوا اسکریپت
• 8. مفاهیم اولیه اشیاء و آرایه‌ها
• 9. مقدمه‌ای بر مدل شیء گرا (DOM)
• 10. ساختار DOM و نحوه نمایش آن
• 11. عناصر DOM و دسترسی به آن‌ها
• 12. انتخاب عناصر با استفاده از شناسه (ID)
• 13. انتخاب عناصر با استفاده از نام کلاس (Class)
• 14. انتخاب عناصر با استفاده از نام تگ (Tag Name)
• 15. انتخاب عناصر با استفاده از انتخابگرهای CSS
• 16. پیمایش در ساختار DOM
• 17. دسترسی به والد، فرزند و خواهر و برادر عناصر
• 18. ایجاد و حذف عناصر در DOM
• 19. تغییر محتوای متنی عناصر
• 20. تغییر محتوای HTML عناصر
• 21. تغییر ویژگی‌های (Attributes) عناصر
• 22. اضافه کردن و حذف کردن کلاس‌های CSS
• 23. تغییر سبک (Style) عناصر با جاوا اسکریپت
• 24. مدیریت رویدادها (Events) در DOM
• 25. انواع رویدادهای ماوس
• 26. انواع رویدادهای کیبورد
• 27. انواع رویدادهای فرم
• 28. مدیریت رویدادهای پنجره
• 29. استفاده از Event Listeners
• 30. مفهوم Event Bubbling و Capturing
• 31. مدیریت خطا در جاوا اسکریپت
• 32. استفاده از try...catch
• 33. مقدمه‌ای بر برنامه‌نویسی ناهمگام (Asynchronous Programming)
• 34. Callback Functions
• 35. Promises در جاوا اسکریپت
• 36. Async/Await برای مدیریت ناهمگامی
• 37. کار با APIهای وب (Web APIs)
• 38. Fetch API برای درخواست‌های HTTP
• 39. کار با داده‌های JSON
• 40. نمایش داده‌ها در صفحه وب
• 41. ایجاد فرم‌های پویا و اعتبارسنجی
• 42. اعتبارسنجی سمت کاربر با جاوا اسکریپت
• 43. انیمیشن‌های ساده با جاوا اسکریپت
• 44. انتقال و تغییر اندازه عناصر
• 45. ایجاد اسلایدرهای تصویری
• 46. گالری تصاویر تعاملی
• 47. توسعه بازی‌های ساده با DOM
• 48. مدیریت وضعیت بازی
• 49. ذخیره‌سازی داده‌ها در مرورگر (Local Storage)
• 50. کار با Local Storage
• 51. کار با Session Storage
• 52. مفاهیم اولیه امنیت در فرانت‌اند
• 53. جلوگیری از حملات XSS (Cross-Site Scripting)
• 54. اصول طراحی واکنش‌گرا (Responsive Design)
• 55. کار با Media Queries در CSS
• 56. تنظیمات جاوا اسکریپت برای نمایشگرهای مختلف
• 57. بهینه‌سازی عملکرد صفحات وب
• 58. کاهش حجم فایل‌های جاوا اسکریپت
• 59. استفاده از تکنیک‌های Lazy Loading
• 60. ابزارهای توسعه‌دهنده مرورگر (Browser Developer Tools)
• 61. استفاده از Console برای دیباگ کردن
• 62. بازرسی عناصر DOM
• 63. مانیتورینگ شبکه (Network Monitoring)
• 64. مروری بر فریم‌ورک‌ها و کتابخانه‌های محبوب جاوا اسکریپت
• 65. معرفی React، Vue و Angular
• 66. نحوه یکپارچه‌سازی با پروژه‌های موجود
• 67. مقدمه‌ای بر معماری MVC (Model-View-Controller)
• 68. الگوهای طراحی در جاوا اسکریپت
• 69. مفهوم ماژول‌ها (Modules) در جاوا اسکریپت
• 70. استفاده از Import و Export
• 71. مدیریت وابستگی‌ها (Dependency Management)
• 72. مقدمه‌ای بر تست واحد (Unit Testing)
• 73. ابزارهای تست نویسی
• 74. اصول کدنویسی تمیز و خوانا
• 75. مستندسازی کد
• 76. مدیریت نسخه‌ها با Git
• 77. آشنایی با GitHub
• 78. اصول کار تیمی در توسعه وب
• 79. مراحل توسعه یک پروژه فرانت‌اند
• 80. شروع یک پروژه جدید
• 81. پیاده‌سازی رابط کاربری
• 82. اتصال به بک‌اند (Backend)
• 83. مدیریت خطاها و بازخوردها
• 84. انتشار نهایی پروژه
• 85. مقدمه‌ای بر مفاهیم Accessibility (دسترسی‌پذیری)
• 86. استانداردهای WCAG
• 87. نکات کلیدی برای صفحات وب قابل دسترس
• 88. آشنایی با Progressive Web Apps (PWA)
• 89. قابلیت‌های PWA
• 90. کاربردهای PWA در وب
• 91. مباحث پیشرفته DOM Manipulation
• 92. استفاده از Shadow DOM
• 93. Virtual DOM و نحوه کارکرد آن
• 94. تکنیک‌های پیشرفته مدیریت رویداد
• 95. Delegation و Event Throttling
• 96. مقدمه‌ای بر Web Workers
• 97. کار با Background Threads
• 98. بهینه‌سازی رابط کاربری برای سرعت
• 99. تکنیک‌های بهبود تجربه کاربری (UX)
• 100. فرهنگ کدنویسی و همکاری در تیم‌های توسعه