آموزش های رایگان طراحی وب

قالب های رایگان زیبا و بهینه

طراحی پوسته اختصاصی


آموزش هک و امنیت

پاسخ به مشکلات کدنویسی

آموزش با طنز و تفریح!




PWA چیست؟


PWA مخفف واژه Progressive Web App می باشد که با توجه به آینده ی طراحی وب در جهان و حتی ایران استفاده از آن الزامی به نظر می آید، بسیازی از سایت ها خارجی از این تکنولوژی در حال استفاده هستند اما متاسفانه به دلیل کمبود منابع آموزشی در ایران این تکنولوژی در ایران جا نیفتاده است، و ما شاهد وبسایت های خیلی کمی هستیم که از pwa استفاده کرده باشند.

بر اساس آمار انجام شده بیش از ۶۰٪ وب گردی ها با موبایل انجام می شود، که این درصد هر روز در حال افزایش است البته در این ۶۰ درصد کل دیوایس های آندرویید یا ios قرار نگرفته است . مثلا احتمالا تبلت ها در این سرشماری نقشی نداشته باشند.




Highlight:
If a company is dedicated and wants to get maximum engaged customers, the experience of a web app has to be close to that of the native app.


" اگر یک شرکت تصمیم گرفته و بخواهد که بیشترین مشتریان متعهد را به دست بیاورد باید تجربه کاربری وب اپلیکیشن آن به یک اپلیکیشن native نزدیک باشد. "



تفاوت PWA با اپلیکیشن Native چیست؟


PWA به راحتی با پیکربندی فایل Manifest و رجیستر serviceWorker روی مرورگر کاربر به راحتی قابل اعمال خواهد بود.

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


تفاوت اصلی PWA با Native Apps همین موضوع است ، یعنی اجرا شدن روی مرورگر...

البته PWA قابلیت این را داراست که عین یک اپلیکیشن Native در دیوایس کاربر رفتار کند و اگر بتوانید خوب از CSS و Media Query ها استفاده کنید که این به بحث ریسپانسیو بودن قالب شما بر میگردد میتوانید تجربه ی کاربری خیلی به خصوصی داشته باشید.


در نظر داشته باشید PWA مانند یک Native App روی دیوایس کاربر با لوگو خود و اسم منحصر به فرد نصب می شود اما با استفاده از موتور مرورگر (گوگل کروم) اجرا می گردد.




+ توجه داشته باشید
در ورژن های جدیدتر اندرویید اپ های PWA در روی آیکون خود یک آیکون گوگل کروم را دارند. البته وابسته به دیوایس کاربر این موضوع میتواند تغییر یابد.



PWA چه امکاناتی را در اختیار ما قرار میدهد؟


و اما مزیت و ویژگی هایی که Progressive Web App ها در اختیار ما قرار می دهند!




قابل نصب هستند!


دقیقا مانند یک اپلیکیشن Native رفتار میکنند و با رفتاری که به آن Banner گفته می شود میتواند روی دیوایس کاربر به راحتی با چند لمس نصب شوند.



تجربه کاربری بهتری را به کاربر می دهند


تجربه ی کاربری خیلی بهتری به کاربر می دهند چرا که عین یک اپلیکیشن معمول رفتار می کنند و توسط serviceWorker میتوان عملیات Cache شدن را انجام داد. این یعنی کاربر میتواند به صورت آفلاین نیز به وبسایت شما تا حدودی دسترسی داشته باشد.



سازگار تر با اسمارت فون ها هستند


PWA در کنار طراحی Responsive قابلیت هایی مانند استفاده از دوربین دیوایس ، گرفتن Location ، اعمال Push Notificatiton ، استفاده از IndexdDB و Splash Screen و کلی امکانات دیگر را داراست.



برای ایجاد PWA میتوانید به مستندات گوگل مراجعه نمایید.


در آخر اگر مایل به انتشار دوره ی PWA از سمت سایت مانیستر هستید و یا اگر سوالی در این باره دارید میتوانید در قسمت نظرات مطرح نمایید.

نوشته شده در موضوع Javascript ودر جمعه 04 مهر 1399به دست Ehsan

درباره ی نویسنده ی این مطلب

مشاهده ی نوشته های این نویسنده

نظرات کاربران

سوالی درباره ی این مطلب دارید؟ خب بپرسید!
لطفا به نکات زیر توجه فرمایید :
1. سوالات نامربوط با مطلب فوق را در انجمن بپرسید.
2. نظرات محتوی هر گونه فحاشی اگر چه تایید می شوند ولی قسمت های ناپسند آن فیلتر می شود.
3. لطفا برای دریافت پاسختون هر از گاهی به نظرات مطلب مورد نظر سر بزنید.
نام
ایمیل (منتشر نمی‌شود)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B :S
کد امنیتی
رفرش
کد امنیتی
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کنترل
Cmd icon Administrator: C:\MonisterSystem\System32\Cmd.exe
Monister Cmd panel [Version 3.2.0]
(c) 2016 Monister corporation . All rights reserved .
C:\Users\Monister.ir> _click here type push enter...
دوست عزیزم سلام!
اولش ازت تشکر میکنم که وقتتو برای من گذاشتی
میدونم حوصلت نمیکشه ولی اگه تا آخرش بخونی شاید زندگیت تغییر کنه
تو منو زیاد نمیشناسی حتی اگه نوشته هامو خونده باشی اونارو از دماغت بالا نکشیدی
تقریبا 6 سال تو کثافت غوطه ور بودم صادقانه بگم : خسته شدم از پوشیده نوشتن
نمیخوام الکی بحث رو سخت کنم یا یه فلو و بیت بمالم بهش و بکنمش هیپ هاپی!
به هر چیزی پناه بردم تا خودم با خودِ درونم روبرو نشم ولی اشتباه کردم!
در حقیقت میخوام بگم کارای آخرم واقعا افتضاح بودن! نوشته هام ، سورس هام و راه رفتنام!
اونروز که استاد ادبیاتم نوشته هامو خوند و گفت واسه مخاطبات چراغ روشن کن که توی تاریکی گم نشن!
من نفهمیدم چی گفت! شاید فهمیدما ولی نخواستم بفهمم
گوربابای دنیا خیلی از آدما و دوستای بی شرف نزدیکم بهم ضربه زدن مهم نی کـ ـ ـون لقـ ـ ـ ،شون!
آروم باش! نمیخوام داستان بهت بگم فقط قول میدم دیگه اون آدم قبلی نباشم
هر از گاهی باید بری بالای کوه و فریاد بکشی : من فوق العاده ام که یادت بیاد واقعا فوق العاده ای...
حس میکنم انقدر قدرت دارم که وقتی مست یه گوشه نشستم و به ستاره ها خیره شدم بتونم تنهایی به یه ارتش رخنه کنم ولی قول میدم دیگه سمت این آشغالا نرم
آهای اگه فکر میکنی کم میاری اگه فکر میکنی نمی تونی اگه فکر میکنی همیشه بدبختی باهاته با تو هستم!
با من تکرار کن!
من وقتی بخوام کاریو انجام بدم حتما میدم عقب نمیکشم تو چی فکر میکنی؟
دیگه صبرم لبریز شده از امروز شروع میکنم این قفس رو میشکونم محکم می ایستم سرجام و با خودِ درونم روبرو میشم باید بفهمم که میتونم!
من چیزی از بقیه کم ندارم... از اونایی که تونستن! باید هیچ وقت تسلیم نشم
بیا دستمو بگیر... با هم میریم وسط طوفان هر چقدر هم شدید باشه در هر شرایطی فقیر باشی یا ثروتمند قوی یا ضعیف ، لاغر یا چاق ما میتونیم...
ما میتونیم به خواسته هامون برسیم . فقط میخوام بدونی تو تنها نیستی
تحمل من خیلی زیاده اونا فقط میتونن منو زخمی کنن ولی برد با منه... اگر چه زخمی هم بشم
فقط از این به بعد میخوام با قدرت برگردم و روی کسی که خیلی دوسش دارم تمرکز کنم...
قول میدم دیگه هیچ وقت زیر قولم نزنم!
احساس خوبی دارم چون ... هه من فوق العاده ام!!!!!
منتظر من باشین من برگشتم...!