52 lines
4.1 KiB
Markdown
52 lines
4.1 KiB
Markdown
|
---
|
||
|
title: Progressive Web Apps
|
||
|
localeTitle: تطبيقات الويب التقدمية
|
||
|
---
|
||
|
## تطبيقات الويب التقدمية
|
||
|
|
||
|
يبدو أن تطبيقات الويب التقدمية أو "PWA" أكثر من مجرد بدعة ، ولكنها طريقة مختلفة اختلافًا جوهريًا في التعامل مع ما يمكن لموقع ويب ويجب أن يكون على أي نظام أساسي تشاهده منه.
|
||
|
|
||
|
يمكن أن يقوم PWAs بتثبيت أجزاء من نفسها على أجهزة لعرضها في وضع عدم الاتصال ، واستخدام عمال الخدمة لتسليم المحتوى عند الحاجة عندما يكون الاتصال متاحًا ، وأفضل شيء هو توحيد وظائف معينة بين الأجهزة المحمولة وأجهزة سطح المكتب.
|
||
|
|
||
|
### الميزات
|
||
|
|
||
|
تتضمن الميزات المحددة لـ PWAs:
|
||
|
|
||
|
* **متجاوب**
|
||
|
* يناسب أي شكل من الأشكال
|
||
|
* **قدرات غير متصل**
|
||
|
* تم تحسينها تدريجيًا مع عمال الخدمة للسماح لهم بالعمل دون اتصال
|
||
|
* **التطبيق الأصلي يشعر**
|
||
|
* يعتمد نموذج تطبيق Shell & Content لإنشاء التنقل في التطبيق والتفاعلات
|
||
|
* **طازج**
|
||
|
* دائما ما يصل إلى تاريخ بفضل عمال الخدمة
|
||
|
* **آمنة**
|
||
|
* يتم تقديمه عبر TLS (أحد متطلبات عامل الخدمة) لمنع التطفل
|
||
|
* **اكتشافها**
|
||
|
* يمكن تعريفها على أنها "تطبيقات" بفضل نطاق تسجيل W3C Manifests وعامل الخدمة الذي يسمح لمحركات البحث بالعثور عليها
|
||
|
* **جذاب**
|
||
|
* يمكن الوصول إلى UIs إعادة الاشتراك من نظام التشغيل من خلال الإخطارات دفع
|
||
|
* **سهل التركيب**
|
||
|
* يمكن إضافتها إلى الشاشة الرئيسية من خلال المطالبات المقدمة من المتصفح ، مما يتيح للمستخدمين "الاحتفاظ" بالتطبيقات التي يجدونها أكثر إفادة بدون أي متاعب في متجر التطبيقات
|
||
|
* **المفتاحية**
|
||
|
* وهذا يعني أنها خالية من الاحتكاك ، وتثبيت الصفر ، وسهلة المشاركة
|
||
|
* القوة الاجتماعية لعناوين URL مهمة
|
||
|
|
||
|
> لا يتم حزم هذه التطبيقات ونشرها من خلال المتاجر ، بل هي مجرد مواقع ويب أخذت جميع الفيتامينات الصحيحة. 1
|
||
|
|
||
|
### تحسين تدريجي
|
||
|
|
||
|
ويعني التحسين التدريجي أن كل شخص يمكنه الوصول إلى المحتوى الأساسي والوظائف الخاصة بالصفحة في أي متصفح ، وقد يحصل هؤلاء الذين لا يمتلكون ميزات معينة في المتصفح على خبرة مخفضة ولكنها لا تزال تعمل. [\- منارة](https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-4-site-is-progressively-enhanced-b5ad7cf7a447) 2
|
||
|
|
||
|
تشبيه كبير من [آرون غوستافسون](http://alistapart.com/article/understandingprogressiveenhancement) هو أن التحسين التدريجي (PE) يشبه الفول السوداني M & M.
|
||
|
|
||
|
> "إن الفول السوداني هو المحتوى الخاص بك ، وطلاء الشوكولاتة هو طبقة العرض التقديمي وجافا سكريبت الخاص بك هو قذيفة الحلوى الصلبة."
|
||
|
|
||
|
هذا يعني أنه اعتمادا على المتصفح ، يمكن أن تتغير التجربة.
|
||
|
|
||
|
### عرض
|
||
|
|
||
|
### المراجع
|
||
|
|
||
|
1. [راسل ، أليكس. "تطبيقات الويب التقدمية: الهروب من علامات التبويب دون فقدان روحنا" "Notrefully Noted" Posted: June 15، 2015.](https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-our-soul/)
|
||
|
2. [تطبيقات الويب التقدمية - Google Developers](https://developers.google.com/web/progressive-web-apps/)
|