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

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

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

عنوان دوره: دوره طراحی و ساخت اپلیکیشن‌های وب پیشرفته (PWA) با جاوا اسکریپت

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

موضوع میانی: ساخت برنامه‌های وب پیشرفته با جاوا اسکریپت

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

• 1. مقدمه‌ای بر اپلیکیشن‌های وب پیشرفته (PWA)
• 2. مزایای PWA نسبت به اپلیکیشن‌های سنتی
• 3. معماری PWA و اجزای اصلی
• 4. خدمات‌کاران (Service Workers) چیستند؟
• 5. چرا از Service Workers استفاده می‌کنیم؟
• 6. نصب و راه‌اندازی Service Worker
• 7. ثبت Service Worker در مرورگر
• 8. چرخه حیات Service Worker
• 9. رویدادهای Service Worker
• 10. مدیریت کش (Caching) در Service Workers
• 11. استراتژی‌های مختلف کش در Service Workers
• 12. استراتژی Cache First
• 13. استراتژی Network First
• 14. استراتژی Stale-While-Revalidate
• 15. استراتژی Cache Only
• 16. استراتژی Network Only
• 17. به‌روزرسانی Service Worker
• 18. مدیریت نسخه‌های Service Worker
• 19. ارتباط بین Service Worker و صفحه وب
• 20. استفاده از پیام‌رسانی در Service Workers
• 21. Manifest فایل PWA چیست؟
• 22. تنظیمات کلیدی Manifest
• 23. آیکون‌ها و نام اپلیکیشن در Manifest
• 24. رنگ‌بندی تم و پس‌زمینه در Manifest
• 25. نحوه نمایش PWA در دستگاه
• 26. قابلیت نصب PWA
• 27. اضافه کردن PWA به صفحه اصلی
• 28. مدیریت نصب و Uninstaller PWA
• 29. تجربه آفلاین در PWA
• 30. ذخیره‌سازی داده‌ها در حالت آفلاین
• 31. IndexedDB برای ذخیره‌سازی داده
• 32. کار با IndexedDB
• 33. مدیریت داده‌های پیچیده در IndexedDB
• 34. همگام‌سازی داده‌ها در حالت آنلاین و آفلاین
• 35. برنامه‌ریزی برای همگام‌سازی
• 36. استفاده از Background Sync API
• 37. مدیریت خطا در Background Sync
• 38. شبکه‌بندی و اتصال در PWA
• 39. بررسی وضعیت اتصال کاربر
• 40. واکنش به تغییرات وضعیت اتصال
• 41. طراحی رابط کاربری واکنش‌گرا
• 42. اصول طراحی UI/UX برای PWA
• 43. دسترسی‌پذیری (Accessibility) در PWA
• 44. بهبود عملکرد PWA
• 45. بهینه‌سازی تصاویر برای PWA
• 46. کاهش حجم فایل‌ها
• 47. استفاده از Lazy Loading
• 48. تست و دیباگ کردن PWA
• 49. ابزارهای توسعه‌دهنده مرورگر برای PWA
• 50. شبیه‌سازی حالت آفلاین
• 51. بررسی Service Worker در DevTools
• 52. تست Manifest در DevTools
• 53. امنیت در PWA
• 54. استفاده از HTTPS برای PWA
• 55. مدیریت مجوزها (Permissions)
• 56. ارسال اعلان‌ها (Push Notifications)
• 57. کار با Push API
• 58. مدیریت رویدادهای Push
• 59. تنظیمات اعلان‌ها
• 60. کاربردهای پیشرفته PWA
• 61. ساخت PWA برای فروشگاه آنلاین
• 62. ساخت PWA برای بازی‌های ساده
• 63. ساخت PWA برای ابزارهای بهره‌وری
• 64. PWA و SEO
• 65. نکات مهم برای سئو PWA
• 66. امنیت داده‌ها در PWA
• 67. ذخیره‌سازی امن اطلاعات کاربر
• 68. مدیریت کوکی‌ها و Local Storage
• 69. معماری پایدار برای PWA
• 70. اصول طراحی تمیز (Clean Architecture)
• 71. استفاده از الگوهای طراحی (Design Patterns)
• 72. مدیریت وابستگی‌ها (Dependency Management)
• 73. پیاده‌سازی قابلیت‌های PWA در یک پروژه نمونه
• 74. ساخت یک اپلیکیشن نمونه از ابتدا
• 75. اضافه کردن Service Worker به پروژه
• 76. تنظیم Manifest برای پروژه نمونه
• 77. پیاده‌سازی کشینگ برای منابع پروژه
• 78. ایجاد حالت آفلاین برای پروژه
• 79. تست کامل PWA نمونه
• 80. بهبودهای بیشتر در PWA نمونه
• 81. استقرار PWA
• 82. مراحل استقرار PWA
• 83. استفاده از پلتفرم‌های هاستینگ
• 84. نکات نهایی برای PWA موفق
• 85. روندهای آینده PWA
• 86. پروژه‌های PWA موفق در دنیای واقعی
• 87. جمع‌بندی و گام‌های بعدی
• 88. مروری بر مفاهیم کلیدی PWA
• 89. تمرین‌های عملی برای تقویت مهارت
• 90. منابع بیشتر برای یادگیری
• 91. پاسخ به سوالات متداول
• 92. کارگاه عملی ساخت PWA
• 93. نکات امنیتی تکمیلی
• 94. مدیریت خطا در Service Worker
• 95. بهینه‌سازی مصرف باتری
• 96. ارتباط با APIهای بومی دستگاه
• 97. پشتیبانی از دستگاه‌های مختلف
• 98. استانداردهای وب و PWA
• 99. نقش جاوا اسکریپت در PWA
• 100. آینده توسعه اپلیکیشن‌های وب