Canonical: https://botbento.com/ar/usecases/scaffolding-offline-progressive-web-apps/
Format: Markdown representation of the public HTML page.

[الرئيسية](/) / [حالات الاستخدام](/ar/usecases/) / [البرمجة](/ar/usecases/?category=coding)

البرمجة · متوسط

# إنشاء بنية أساسية لتطبيقات الويب التقدمية غير المتصلة بالإنترنت

توليد التخزين المؤقت لـ service worker، وواجهة متجاوبة لمشغل الصوت، وبيانات وصفية للمواقع الثابتة.

[استخدمه مع BotBento ](https://app.botbento.com/?ref=usecases&utm_source=botbento.com&utm_medium=usecases&utm_campaign=scaffolding-offline-progressive-web-apps)نسخ الموجّهمشاركة[Markdown](/text/ar/usecases/scaffolding-offline-progressive-web-apps/index.md)[English](/usecases/scaffolding-offline-progressive-web-apps/)

يفتح BotBento. الصق الموجّه في بوت؛ لا شيء مُعدّ مسبقًا.

- عندما تطلبتحديد متطلبات التطبيق
- ثمصياغة service worker وواجهة المشغل
- النتيجةمراجعة الكود وتأكيد الإيداع

بناء تطبيقات ويب خفيفة الوزن تدعم العمل دون اتصال بالإنترنت مع عناصر تحكم سلسة في الوسائط. يساعد البوت في هندسة service workers، وتطبيق استراتيجيات تحميل الصوت مع أولوية التخزين المؤقت (cache-first)، وتصميم منطق حالة قوائم التشغيل، وإنشاء بيانات وصفية للمسارات قابلة للمشاركة باستخدام معايير الويب القياسية.

## موجّه للبدء

BotBentoموصى به

```
عند طلب بناء كود التطبيق أو تعديله، أنشئ كودًا نظيفًا بلغات HTML وCSS وvanilla JavaScript لتشغيل الصوت وملفات بيان تطبيقات الويب التقدمية (manifests). اضبط التخزين المؤقت لـ service worker لملفات الوسائط والأصول باستخدام قواعد استبقاء مناسبة. اعرض دائمًا فروقات الكود (diffs) للمراجعة، ولا تحذف الملفات نهائيًا أو تدفع إيداعات git إلى المستودعات البعيدة دون موافقة صريحة من المستخدم.
```

نسخ

## الأدوات المستخدمة

الطرفيةGitHub

## يعمل مع

BotBento

## الوسوم

- pwa
- javascript
- frontend
- webdev

## المصدر

[Show HN: Yamanote.fun – A complete soundscape for Tokyo's Yamanote line](https://news.ycombinator.com/item?id=48816987)
Hacker News · تم التحقق 2026-10-15

ملخّص بكلماتنا. أي نتائج مذكورة في المصدر تعود لأصحابها، ولم يقسها BotBento.

ترجمة بمساعدة الذكاء الاصطناعي ومراجَعة آليًا من النسخة الإنجليزية. النص الإنجليزي هو المرجع.

بقلم BotBento Editorial · أُضيف 2026-10-15 · حُدّث 2026-10-15 · [اقترح تصحيحًا](/contact/)

## حالات استخدام ذات صلة

-

البرمجةمتوسط

## [بناء خريطة خيالية تفاعلية مع جداول زمنية مرسومة](/ar/usecases/build-an-interactive-fantasy-map-with-plotted/)

توليد علامات الإحداثيات ومسارات رحلات الشخصيات وطبقات خرائط تفاعلية للعوالم الخيالية

الدردشةالطرفيةGitHub
-

البرمجةمبتدئ

## [بناء تطبيقات ويب شخصية خفيفة من اللغة الطبيعية](/ar/usecases/building-lightweight-personal-web-apps-from-natural/)

تحويل أفكار الأدوات البسيطة أحادية الصفحة إلى مشاريع ويب محلية تعمل عبر التكرار الحواري

الطرفيةالمتصفح
-

البرمجةمتوسط

## [مُولّد واجهات أمامية متناسقة](/ar/usecases/consistent-frontend-interface-generator/)

تحويل متطلبات التطبيق إلى كود واجهة منهجي ومتماسك

الطرفيةGitHubالدردشة