اهمیت آموزش PWA

آموزش PWA یا همان وب اپلیکیشن های پیش رونده با توجه به گستردگی وبسایت ها در اینترنت، از اهمیت بسیار بالایی برخوردار است. از آنجایی که پیاده سازی اپلیکیشن های Native برای گوشی های موبایل کمی دردسر ساز و زمان بر میباشد، شرکت های نرم افزاری استقبال گستره ای از PWA داشته اند. توانایی ساخت وب اپلیکیشن ها در حال حاضر تبدیل به یکی از واجبات برای هر توسعه دهنده سایتی شده است.

سرفصل های دوره آموزش PWA

  • معرفی دوره آموزش PWA
  • مقایسه اپلیکیشن های Native با PWA
  • نمونه وبسایت های PWA
  • پیاده سازی یک پروژه نمونه
  • دمو پروژه نهایی UI واکنش گرا
  • آموزش کار با service worker
  • طریقه کانفیگ فایل Web App Manifest
  • پیاده سازی Manifest برای Safari
  • درک App Manifest Properties
  • افزودن Properties به manifest.json
  • شیوه دسترسی آفلاین به APP و آشنایی با cache
  • cache کردن چندگانه در PWA
  • ذخیره اطلاعات در پایگاه داده indexedDB
  • ارسال مطلب به سرور بدون اینترنت
  • معرفی و پیاده سازی Background Sync در PWA
  • آموزش مفاهیم PWA PRPL Pattern
  • آموزش کار با Notification ها
  • پیاده سازی Push Notification
  • کار با دوربین گوشی هوشمند و وب کم ها
  • عکس برداری با دوربین و آپلود روی سرور
  • آموزش کار با لوکیشن و مختصات جغرافیایی کاربران
  • پیاده سازی pwa در فریمورک reactjs
  • پیاده سازی pwa در فریمورک vuejs
  • پیاده سازی pwa در فریمورک angular
  • گرفتن خروجی از یک پروژه واقعی

دوره آموزش PWA مناسب چه افرادی است؟

  • علاقه مندان به داشتن اپلیکیشن برای وبسایت شخصی
  • صاحبان و مدیران سایت هایی که نیازمند اپلیکیشن موبایل هستند
  • طراحان و توسعه دهندگان سایت که قصد یادگیری PWA را دارند
  • برنامه نویسان وب که به دنبال ارتقا دانش و رزومه خود هستند
  • و سایر افراد علاقه مند به یادگیری و دیدن آموزش PWA

آیا PWA یک اپلیکیشن Native ایجاد می‌کند؟

نرم افزار نیتیو به نرم افزاری گفته میشود که امکان استفاده از تمام قدرت و قابلیت های سخت افزاری یک سیستم کامپیوتری را داشته باشد. به عنوان مثال اپلیکیشنی که با زبان کاتلین برای سیستم عامل اندروید نوشته شده باشد، از تمام قابلیت های این سیستم عامل نظیر حسگر اثر انگشت، دوربین، ژیروسکوب ها و حسگر ها به بهترین شکل ممکن میتواند استفاده کند. اما در PWA ها به این شکل نیست.

هرچند وب اپلیکیشن های پیشرونده تمام تلاش خود را برای Native جلوه دادن نرم افزار به کاربر میکنند؛ اما باز هم نمیتوان گفت که یک اپلیکیشن PWA کاملا نیتیو و بومی سازی شده است. پس دقت کنید که PWA برای پروژه های بزرگی نظیر دیجی کالا، بازار و دیوار مقرون به صرفه و کاربردی نخواهد بود. اما برای وبسایت هایی با ابعاد کوچک تر، کاملا کاربردی و عقلانی به نظر میرسد.

آموزش PWA چقدر زمان میبرد؟

زمان یادگیری این قابلیت و اضافه کردن آن به وبسایت زیاد طولانی نخواهد بود. چرا که این تکنولوژی از قابلیت های خود وبسایت شما استفاده کرده و همین که یک سایت آماده داشته باشید، زمان زیادی برای راه اندازی PWA نیاز نخواهید داشت. مدت زمان آموزش PWA نشان دهنده زمانیست که شما برای راه اندازی کردن این تکنولوژی بر روی وبسایت خود نیاز دارید.

پیش نیاز های آموزش PWA

همانطور که گفته شد، وب اپلیکیشن های پیشرونده در واقع یک وبسایت را برای کاربر به صورت نرم افزاری به نمایش در می‌آورند. پس قطعا پیش نیاز ایجاد یک اپلیکیشن PWA داشتن تخصص در طراحی و توسعه سایت خواهد بود. یعنی شما ابتدا باید یک توسعه دهنده وبسایت باشید تا بتوانید از PWA در وبسایت های خود بهره ببرید. در ضمن لازم به ذکر است که وبسایت شما بایستی به صورت واکنشگرا پیاده سازی شده باشد.

در جهان کنونی کاربران ترجیح میدهند به جای باز کردن لب تاب یا روشن کردن کامپیوتر، از گوشی موبایل خود برای مرور صفحات وب استفاده کنند. چندین سال است که طراحان وب با Responsive کردن صفحات سایت سعی در بهبود نمایش وبسایت در گوشی ها دارند؛ اما قطعا تجربه استفاده از یک اپلیکیشن بومی یا Native در گوشی هوشمند بسیار بهتر از باز کردن یک مرورگر است.

وب اپلیکیشن پیشرونده یا PWA چیست ؟

کلمه PWA مخفف Progressive Web Application به معنای وب اپلیکیشن پیشرونده میباشد. این تکنولوژی در سال 2015 توسط شرکت بزرگ گوگل به جهان معرفی شد. PWA در واقع یک وبسایت است که با جدیدترین و حرفه ای ترین تکنولوژی های موجود در بستر وب پیاده سازی شده و کاملا واکنش گرا میباشد. در واقع وبسایت هایی که قرار است به تکنولوژی PWA مجهز شوند، بایستی کاملا واکنش گرا و ریسپانسیو طراحی شده باشند.

نیازمندی‌ های یک PWA

در واقع باید گفت که PWA هرچند حس یک نرم افزار نیتیو را به کاربر منتقل میکند اما در نهایت همان وبسایت شماست که بر روی گوشی کاربر نصب شده و نمایش داده میشود. پس وب اپلیکیشن ها ابتدا باید سایتی برای نمایش دادن داشته باشند. نتیجه این است که نیازمندی PWA قطعا یک وبسایت کامل و جامع خواهد بود که بر اساس اصول Responsive طراحی و تولید شده باشد.

ساخت PWA

ساخت PWA در وبسایت

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

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

شاید قبل از آموزش PWA، علاقه مند به دانستن ویژگی های یک اپلیکیشن وب پیشرنده باشید. هرچند تعداد ویژگی های یک PWA بسیار زیاد است اما میتوان برخی از مهمترین خصوصیات آن را مورد بررسی قرار داد. خصوصیاتی نظیر تطبیق پذیری، استفاده بدون اینترنت و شبه بومی بودن که هر کدام از آنها یک مزیت رقابتی برای این تکنولوژی محسوب میشوند. در ادامه به بررسی دقیق تر این ویژگی ها میپردازیم.

تطبیق پذیری بالا

وب اپلیکیشن های پیشرونده کاملا تطبیق پذیر یا Responsive هستند. البته به این قابلیت، واکنشگرا نیز میگویند. این بدین معناست که یک وب اپلیکیشن PWA بر روی انواع دستگاه های کامپیوتری نظیر گوشی موبایل، ساعت هوشمند، تبلت و لپ تاپ به درستی نمایش داده خواهد شد. این قابلیت یکی از مزیت های اصلی PWA محسوب میشود.

Service Worker

یکی از اصلی ترین قابلیت های یک نرم افزار Native موبایل که مثلا با زبان کاتلین نوشته شده باشد، اجرا شدن در حالت آفلاین است. در آموزش PWA با بهره گیری از Service Worker ها قدر به پیاده سازی وب اپلیکیشن هایی خواهید بود که در حالت آفلاین هم قابلیت نمایش و سرویس دهی را داشته باشند. ( البته نه به خوبی کاتلین )

ارائه بر بستر HTTP

خدمات یک PWA همواره از طریق پروتکل HTTPS ارائه و عرضه میشود. این امر سبب جلوگیری از دسترسی افراد غیر مجاز به شبکه اپلیکیشن شما خواهد شد. پروتکل HTTPS از مجوز های SSL استفاده کرده و این یعنی نرم افزار شما تا حد زیادی در برابر افراد سودجو و هکران مقاوم خواهد بود.

Push Notifications

ویژگی های Push Notifications معمولا در برنامه های نیتیو یا بومی به چشم میخورد اما وب اپلیکیشن های پیشرونده هم توانایی استفاده از این سرویس ها را خواهند داشت. در آموزش کامل pwa طریقه ایجاد و ارسال Push Notifications را مورد بررسی قرار خواهیم داد.

ارسال از طریق URL

وب اپلیکیشن های PWA را میتوان به راحتی از طریق URL ارسال کرده و با دیگران به اشتراک گذاشت. علاوه بر این به راحتی میتوانید با سرچ گوگل به این اپلیکیشن ها دسترسی پیدا کنید و برای دانلود آنها نیازی به مارکت های مختلف نظیر گوگل پلی نخواهد بود.

توضیحات بیشتر