آموزش جاوا اسکریپت وانیل: کارگران خدمات

مقدمه Introduction

• کارگران خدمات را در JavaScript پیاده سازی کنید Implement service workers in JavaScript

• آنچه باید بدانید What you should know

1. یک شهروند جدید برای وب 1. A New Citizen for the Web

• سلام خدمت کارگران خدمات Hello, service workers

• توانایی ها Abilities

• چکار می تونیم انجام بدیم What we can do

• الزامات و سازگاری Requirements and compatibility

• کارگران خدمات در عمل Service workers in action

• چرخه زندگی را درک کنید Understand the life cycle

• مشاهده همه ثبت نام های کارگران خدمات See all service worker registrations

• دامنه را درک کنید Understand the scope

• واژگان و مفاهیم را بیاموزید Learn vocabulary and concepts

2. با کارگران خدماتی کار کنید 2. Work with Service Workers

• ثبت نام کارگر خدمات Register a service worker

• دامنه پیش فرض را تغییر دهید Change the default scope

• رسیدگی به رویدادهای کارگر خدمات Handle service worker events

• اشکال زدایی با ابزارهای توسعه دهنده در Chrome Debug with Developer Tools in Chrome

• اشکال زدایی با سایر مرورگرها Debug with other browsers

• بارگذاری پرونده های خارجی Load external files

• با ثبت نام کار کنید Work with the registration

• کارگر سرویس را به روز کنید Update the service worker

• مدیریت به روزرسانی ها در کد خود Manage updates in your code

• ثبت نام کارگر سرویس Unregister the service worker

3. به عنوان یک پروکسی شبکه عمل می کند 3. Acting as a Network Proxy

• واقعه واکشی را ضبط کنید Capture the fetch event

• پاسخ را سنتز کنید Synthesize a response

• موضوع پاسخ با جزئیات The Response object in detail

• درخواست جزئیات با جزئیات The Request object in detail

• با مسیرهای دقیق کار کنید Work with exact routes

• با مسیرهای پویا کار کنید Work with dynamic routes

• قبل از خواندن اطلاعات کلون کنید Clone before reading data

4. حافظه نهان ذخیره سازی 4. Cache Storage

• API Cache جدید را بشناسید Understand the new Cache API

• پروژه را آماده کنید Prepare the project

• فایلها را بر روی نصب تنظیم کنید Prefetch files on install

• حافظه نهان خود را تجسم کنید Visualize your cache

• خط مشی ذخیره شده اول را پیاده کنید Implement a cache-first policy

• خط مشی شبکه اول را پیاده سازی کنید Implement a network-first policy

• پس از نصب عناصر جدید را ذخیره کنید Cache new elements after install

• از حالت قدیمی و در عین حال دوباره استفاده مجدد استفاده کنید Use stale-while-revalidate

• در صورت آفلاین ، محتوای متناوب را تحویل دهید Deliver alternate content when offline

• فضای ذخیره خود را تمیز نگه دارید Keep your storage clean

• خلاصه راهکارهای حافظه پنهان Summary of cache strategies

5- با API ها در Worker Service کار کنید 5. Work with APIs in the Service Worker

• آنچه در کارگر خدمات موجود است What's available in the service worker

• از صفحات پیام ارسال کنید Send messages from pages

• در کارگر سرویس پیام دریافت کنید Receive messages in the service worker

• ارسال پیام به مشتری Broadcast messages to clients

• از کنترلر پیام دریافت کنید Receive messages from the controller

• همگام سازی داده ها در پس زمینه Sync data in the background

6. نکات و ترفندهایی برای عملکرد وب 6. Tips and Tricks for Web Performance

• جریانهای قابل خواندن Readable streams

• پیش بارگیری ناوبری Navigation preload

• ثبت نام کارگر خدمات معوق Defer service worker registration

• کارمند خدمات خود را به سرعت مفید کنید Make your service worker useful quickly

نتیجه Conclusion

• مراحل بعدی Next steps