فلش‌کارت‌های آموزشی ساخت Progressive Web Apps (PWA)

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

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

عنوان دوره: دوره ساخت Progressive Web Apps (PWA)

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

موضوع میانی: جاوا اسکریپت (JavaScript)

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

• 1. مقدمه‌ای بر جاوا اسکریپت و نقش آن در PWA
• 2. متغیرها، انواع داده و عملگرها در جاوا اسکریپت
• 3. ساختارهای کنترلی (if/else, switch) در جاوا اسکریپت
• 4. حلقه‌ها (for, while, do/while) در جاوا اسکریپت
• 5. توابع: تعریف، فراخوانی، Scope و Closures در جاوا اسکریپت
• 6. آرایه‌ها و متدهای کار با آرایه‌ها در جاوا اسکریپت
• 7. اشیاء و برنامه‌نویسی شی‌گرا در جاوا اسکریپت (مقدماتی)
• 8. ES6+ ویژگی‌ها: let, const, Arrow Functions
• 9. ES6+ ویژگی‌ها: Template Literals, Destructuring
• 10. ES6+ ویژگی‌ها: Spread/Rest Operators, Classes
• 11. مدیریت خطاها (try/catch/finally) در جاوا اسکریپت
• 12. ماژول‌ها در جاوا اسکریپت (ES Modules)
• 13. جاوا اسکریپت ناهمگام (Asynchronous JS): Callbacks
• 14. جاوا اسکریپت ناهمگام: Promises
• 15. جاوا اسکریپت ناهمگام: Async/Await
• 16. مقدمه‌ای بر HTML5 و ساختار صفحات وب
• 17. تگ‌های معنایی و بهینه‌سازی ساختار HTML
• 18. مقدمه‌ای بر CSS3 و استایل‌دهی
• 19. اصول طراحی واکنش‌گرا (Responsive Design) با CSS
• 20. مدل جعبه‌ای (Box Model) و Flexbox در CSS
• 21. معرفی DOM (Document Object Model) و کاربرد آن
• 22. انتخاب و پیمایش عناصر DOM با جاوا اسکریپت
• 23. تغییر محتوا و ویژگی‌های عناصر DOM
• 24. افزودن و حذف عناصر DOM
• 25. مدیریت رویدادها (Event Handling) در DOM
• 26. اعتبار سنجی فرم‌ها با جاوا اسکریپت
• 27. ذخیره‌سازی داده در مرورگر: localStorage و sessionStorage
• 28. ارتباط با سرور: Fetch API و XMLHttpRequest
• 29. کار با داده‌های JSON
• 30. اصول امنیت وب: HTTPS (ضرورت برای PWA)
• 31. PWA چیست؟ مقدمه، مزایا و فلسفه
• 32. معیارهای PWA و چک لیست Lighthouse
• 33. راه‌اندازی محیط توسعه برای PWA (Node.js, npm/yarn)
• 34. فایل Web App Manifest: هدف و ساختار
• 35. پیکربندی Manifest: name, short_name, description
• 36. تنظیم icon‌ها و splash screen در Manifest
• 37. تعیین start_url و display mode در Manifest
• 38. مدیریت تم رنگی (theme_color, background_color)
• 39. افزودن PWA به صفحه اصلی (Add to Home Screen - A2HS)
• 40. تجربه کاربری (UX) در A2HS و نصب PWA
• 41. Service Worker چیست و چگونه کار می‌کند؟
• 42. ثبت (Registration) Service Worker
• 43. چرخه حیات Service Worker: Install Event
• 44. چرخه حیات Service Worker: Activate Event
• 45. مدیریت به‌روزرسانی (Update) Service Worker
• 46. Scope و Lifetime Service Worker
• 47. API کش (Cache Storage API)
• 48. استراتژی‌های کش: Cache Only
• 49. استراتژی‌های کش: Network Only
• 50. استراتژی‌های کش: Cache First (Offline-First)
• 51. استراتژی‌های کش: Network First
• 52. استراتژی‌های کش: Stale-While-Revalidate
• 53. کش‌کردن منابع استاتیک (Pre-caching)
• 54. کش‌کردن منابع دینامیک (Runtime Caching)
• 55. رویداد fetch در Service Worker: رهگیری درخواست‌ها
• 56. ساخت پاسخ‌های سفارشی با fetch event
• 57. استراتژی App Shell برای PWA
• 58. مدیریت خطاها و Fallback در کشینگ
• 59. API همگام‌سازی پس‌زمینه (Background Sync API)
• 60. استفاده از Background Sync برای ارسال داده‌های آفلاین
• 61. معرفی Push Notification API
• 62. درخواست مجوز برای Push Notification
• 63. ارسال Push Notification از سمت سرور (Web Push Protocol)
• 64. دریافت Push Notification در Service Worker (push event)
• 65. نمایش Push Notification به کاربر (showNotification)
• 66. مدیریت کلیک روی Push Notification (notificationclick event)
• 67. گزینه‌ها و اکشن‌ها در Push Notification
• 68. دیباگ کردن Service Worker با DevTools
• 69. Workbox: کتابخانه ابزار برای Service Worker
• 70. معرفی ماژول‌های اصلی Workbox (workbox-routing, workbox-precaching)
• 71. API موقعیت مکانی (Geolocation API)
• 72. API دوربین و رسانه (Media Devices API)
• 73. API کلیپ‌بورد (Clipboard API)
• 74. API اشتراک‌گذاری وب (Web Share API)
• 75. API مدیریت اعتبارات (Credential Management API)
• 76. API پرداخت (Payment Request API)
• 77. API همگام‌سازی پس‌زمینه پیشرفته (Background Fetch API)
• 78. استفاده از IndexedDB برای ذخیره‌سازی داده‌های ساختاریافته
• 79. وب‌سوکت‌ها (Web Sockets) برای ارتباط بلادرنگ در PWA
• 80. بهینه‌سازی عملکرد PWA: ابزارهای Lighthouse
• 81. بهینه‌سازی بارگذاری: Lazy Loading برای تصاویر و کامپوننت‌ها
• 82. بهینه‌سازی تصاویر و رسانه‌ها برای PWA
• 83. بهینه‌سازی فونت‌ها و Critical CSS
• 84. دسترسی‌پذیری (Accessibility) در PWA
• 85. بین‌المللی‌سازی (Internationalization - i18n) برای PWA
• 86. امنیت پیشرفته در PWA: Content Security Policy (CSP)
• 87. سئو (SEO) برای PWA و ایندکس‌شدن
• 88. تحلیل و مانیتورینگ PWA (Google Analytics)
• 89. Web Components در PWA (مقدماتی)
• 90. تشخیص وضعیت شبکه (Network Information API)
• 91. اصول Progressive Enhancement در PWA
• 92. انتخاب فریم‌ورک/کتابخانه برای PWA (مثال: React, Vue, Angular)
• 93. تست PWA: تست‌های واحد، یکپارچه‌سازی و E2E
• 94. تست کارایی و Lighthouse CI در فرآیند CI/CD
• 95. استقرار PWA در هاستینگ استاتیک (Netlify, Vercel, Firebase Hosting)
• 96. بسته‌بندی PWA برای فروشگاه‌های اپلیکیشن (Trusted Web Activity - TWA)
• 97. انتشار PWA در Google Play Store
• 98. نگهداری و به‌روزرسانی PWA در طول زمان
• 99. آینده PWA و تکنولوژی‌های نوظهور
• 100. ساخت یک PWA نمونه کامل از ابتدا تا استقرار (پروژه عملی)