توضیحات

آموزش توسعه نرم افزارهای وب PWA یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته آموزشی، یادگیری مباحث و مفاهیم توسعه نرم افزارهای وب PWA است که با نام اصلی Progressive Web App Fundamentals از شرکت Pluralsight منتشر شده است.

یک Progressive Web App و PWA چیست؟

یک PWAیا اپلیکیشن وب پیش‌رونده، یک نوع نرم‌افزار است که از طریق پلتفرم وب در اختیار کاربر قرار می‌گیرد و طوری طراحی شده است که بتواند بر روی هر پلتفرمی و با استفاده از یک مرورگر که استانداردهای وب رو پشتیبانی می کند، اجرا شود. این نوع از اپلیکیشن‌ها بسیاری از بهترین ویژگی‌های اپلیکیشن‌های موبایل و اپلیکیشن‌های وب را در خود ادغام کرده‌اند و به همین دلیل، یک واسط کاربری بسیار سریع، قابل‌اعتماد و کاربرپسند مشابه با اپلیکیشن‌های بومی یا Native را در اختیار کاربر قرار می‌دهند. این اپلیکیشن‌ها به کاربران اجازه می‌دهند تا در زمان آفلاین بودن نیز از آن‌ها استفاده کنند. امکان دریافت پوش‌نوتیفیکیشن و همچنین اضافه کردن اپلیکیشن به صفحه‌ی Home دستگاه کاربر، که می‌تواند موبایل یا تبلت باشد، بدون نیاز به اپ استور وجود دارد. مزیت اصلی اپلیکیشن‌های PWA این است که می‌توانند از تکنولوژی‌های وب از قبیل HTML و CSS و جاوا اسکریپت استفاده کنند و در اختیار برنامه‌نویسانی که از سیستم‌عامل‌ها و دستگاه‌های مختلف استفاده می‌کنند، قرار بگیرند. هنگام استفاده از PWA ها، کاربر احساس استفاده از یک اپلیکیشن بومی یا Native را تجربه می‌کند.

تفاوت‌های بین اپلیکیشن‌های وب و اپلیکیشن‌های PWA

هرچند که اپلیکیشن‌های وب و اپلیکیشن‌های PWA مبتنی بر فضای وب هستند، اپلیکیشن‌های PWA به منظور بهبود واسط کاربری و تجربه کاربری با اضافه کردن قابلیت‌های جدید طراحی می‌شوند. اپلیکیشن‌های وب سنتی فقط زمانی که اتصال به اینترنت وجود دارد امکان فعالیت دارند و اصطلاحاً از پشتیبانی زمان آفلاین برخوردار نیستند. این در حالی است که اپلیکیشن‌های PWA می‌توانند به صورت آفلاین نیز کار کنند، سرعت بارگذاری بالاتری داشته باشند و عملکرد بهتری را با استفاده از قابلیت‌های پیشرفته و مدرن فضای وب، از قبیل caching و service worker ها، در اختیار کاربران قرار دهند. علاوه بر این، اپلیکیشن‌های PWA می‌توانند بسیار شبیه به اپلیکیشن‌های بومی (Native) بر روی دستگاه کاربر نصب شوند و به کاربر اجازه دهند که بدون نیاز به باز کردن مرورگر از آن‌ها استفاده کند. این دسترس‌پذیری و عملکرد بالاتر باعث می‌شود که PWA ها به گزینه‌ای بسیار قدرتمند برای توسعه اپلیکیشن‌های وب استاندارد تبدیل شوند.

ویژگی های اپلیکیشن‌های PWA

اپلیکیشن‌های PWA ویژگی‌های منحصربه‌فردی دارند که آن‌ها را از اپلیکیشن‌های سنتی وب متمایز می‌کند. یکی از مهم‌ترین ویژگی‌های اپلیکیشن‌های PWA، قابلیت آفلاین بودن است که به کمک قابلیت‌هایی مانند کشینگ و سرویس‌ورکرها، به کاربر این امکان را می‌دهد که در زمان عدم وجود اتصال به اینترنت از برنامه استفاده کند. علاوه بر این، اپلیکیشن‌های PWA بسیار واکنش‌گرا (Responsive) هستند، به این معنی که می‌توانند خود را با صفحات دستگاه‌های مختلف با سایزهای متفاوت تطبیق دهند و یک تجربه کاربری مناسب را بر روی دستگاه‌های موبایل، تبلت و دسکتاپ به کاربر ارائه دهند. همچنین، اپلیکیشن‌های PWA از امنیت بالایی برخوردارند چرا که با پروتکل HTTPS کار می‌کنند و داده‌ها را ایمن نگه داشته و رمزنگاری می‌کنند. مورد دیگر این‌که اپلیکیشن‌های PWA از قابلیت پوش‌نوتیفیکیشن استفاده می‌کنند تا کاربران را از اتفاقاتی که در برنامه رخ داده است مطلع کنند. قابلیت آخر این است که در اپلیکیشن‌های PWA امکان نصب شدن برنامه به دستگاه کاربر و اضافه شدن آیکون آن به صفحه‌ی Home وجود دارد، که کمک می‌کند کاربران دسترسی سریع و آسانی بدون نیاز به باز کردن مرورگر خود داشته باشند.

سرفصل مطالب آموزش ویدئویی توسعه نرم افزارهای وب PWA

• فصل اول: مقدمه دوره آموزشی
  • مقدمه دوره آموزشی
• فصل دوم: اپلیکیشن چیست؟
  • مقدمه
  • یک اپلیکیشن چیست؟
  • مقایسه اپلیکیشن‌ها در مقابل سایت‌ها
  • وب چیست؟
  • معرفی Progressive Web App ها
  • دمو
  • جمع بندی
• فصل سوم: افزودن اپلیکیشن به صفحه اصلی دستگاه کاربر
  • چرا اپلیکیشن را به صفحه اصلی دستگاه کاربر اضافه کنیم؟
  • مقدمه‌ای بر Web App Manifest
  • بررسی کردن Property های Web App Manifest
  • ایجاد کردن Web App Manifest
  • تست کردن Web App Manifest
  • بررسی کردن الزامات Install Banner
  • بررسی رویدادهای Web App Manifest
  • جمع بندی
• فصل چهارم: ارسال Push Notification ها
  • چرا از Push Notification استفاده کنیم؟
  • مقدمه‌ای بر Push Notification ها
  • بررسی کردن Non-persistent Notification
  • بررسی کردن Persistent Notification ها
  • آموزش عملی مقدمه‌ای بر Web Notification ها
  • آموزش عملی Notification Generator
  • آموزش عملی Notification Tag
  • آموزش عملی Notification Event
  • مبانی مربوط به API ارسال Push Notification
  • پیکربندی کردن Push Notification
  • آموزش عملی بررسی کردن پیکربندی های Push Notification
  • آموزش عملی Permission ها
  • آموزش عملی Subscribe کردن
  • ارسال پیام‌ها
  • آموزش عملی ارسال پیام‌ها
  • دریافت پیام‌ها
  • آموزش عملی دریافت پیام‌ها
  • جمع بندی
• فصل پنجم: همگام‌سازی در پس‌زمینه (Background Syncing)
  • چرا همگام‌سازی در پس‌زمینه مهم است؟
  • مقدمه‌ای بر Background Syncing
  • همگام‌سازی یکباره (One-off Synchronization)
  • آموزش عملی رجیستر کردن در One-off Synchronization
  • آموزش عملی مدیریت همگام‌سازی
  • همگام‌سازی دوره‌ای (Periodic Synchronization)
  • جمع بندی
• فصل ششم: بهترین شیوه‌ها برای اپلیکیشن‌های وب پیشرفته
  • مقدمه‌ای بر چک‌لیست PWA
  • مرور چک‌لیست PWA
  • مقدمه‌ای بر Lighthouse
  • آموزش عملی استفاده کردن از Lighthouse
  • جمع بندی
  • جمع بندی دوره آموزشی