آموزش جاوا اسکریپت Vanilla: برنامه های وب پیشرفته

سرفصل ها و درس ها

مقدمه Introduction

• برای توسعه تلفن همراه از مهارت های وب خود استفاده کنید Leverage your web skills for mobile development

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

• با استفاده از پرونده های تمرینی Using the exercise files

1. یک برنامه وب مترقی چیست؟ 1. What Is a Progressive Web App?

• تاریخچه ای اندک A little history

• آشنایی با برنامه های وب مترقی Introduction to Progressive Web Apps

• انتخاب یک ویرایشگر Choosing an editor

2. شروع کار 2. Getting Started

• ایجاد یک برنامه وب در NetBeans Creating a web app in NetBeans

• نسخه ی نمایشی برنامه وب Demo of the web app

• ایجاد آیکون برنامه Creating the app icon

• با استفاده از شبیه ساز Android Using the Android Emulator

3. مانیفست برنامه وب 3. The Web App Manifest

• برنامه وب آشکار چیست؟ What is the web app manifest?

• یک URL شروع و یک ظاهر طراحی اولیه را تنظیم کنید Set a Start URL and basic styling

• PWA را در Android Emulator تست کنید Test the PWA in the Android Emulator

• PWA را در شبیه ساز iOS آزمایش کنید Test the PWA in the iOS Simulator

4- آماده شدن برای کارمندان خدمات 4. Getting Ready for Service Workers

• دور شدن از شبیه سازها Moving away from emulators

• معرفی به کارگران خدمات Intro to service workers

• چرخه عمر کارگر خدمات Service worker lifecycle

• شروع با وعده های ES6 Getting started with ES6 promises

• PWA و Chrome DevTools PWAs and Chrome DevTools

5- کارگران خدمات 5. Service Workers

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

• رویداد نصب و انبارها The install event and caches

• فعال کردن کارگر سرویس Activating the service worker

• رهگیری درخواست ها با استفاده از Fetch Intercepting requests using Fetch

• رفتار بنر را نصب کنید Install banner behavior

• طراحی بنر نصب Designing the install banner

• اجرای بنر نصب Implementing the install banner

• اشکال زدایی با Chrome DevTools Debugging with Chrome DevTools

• Chrome DevTools بیشتر More Chrome DevTools

• اشکال زدایی با Safari و iOS Simulator Debugging with Safari and the iOS Simulator

6. تمیز کردن محدودیت های iOS 6. Cleaning Up iOS Limitations

• چه چیزی در اجرای iOS وجود ندارد What's missing in the iOS implementaton

• بنر نصب برنامه وب: HTML و CSS Web app install banner: HTML and CSS

• بنر نصب برنامه وب: حافظه پنهان را به روز کنید Web app install banner: Update the cache

• بنر نصب برنامه برنامه وب: رویداد windows.onload Web app install banner: The window.onload event

• نمایش بنر نصب برنامه وب Demonstrating the web app install banner

• تصاویر و صفحه های چلپ چلوپ را راه اندازی کنید Launch images and splash screens

• نمایش تصاویر پرتاب Demonstrating launch images

7. اعلان ها و API های فشار 7. Notifications and Push APIs

• معرفی اطلاعیه ها Introduction to notifications

• درخواست مجوز برای نمایش اعلان ها Requesting permission to show notifications

• نمایش اعلان Displaying a notification

• افزودن داده به اعلان Adding data to a notification

• بستن یک اعلان Closing a notification

• رسیدگی به رویداد کلیک کردن روی اعلان Handling the notification click event

• نمای کلی پیامرسانی را فشار دهید Push messaging overview

• افزودن Firebase Cloud Messaging به پروژه Adding Firebase Cloud Messaging to the project

• اشتراک برای فشار دادن پیام Subscribing to push messaging

• دست زدن به اعلانهای فشار Handling push notifications

• ارسال یک کنش با استفاده از cURL Sending a tickle using cURL

• ارسال داده در پیام فشار Sending data in a push message

• نصب كتابخانه Web Push Mozilla Installing Mozilla's Web Push library

• اصلاح کنترل کننده رویداد فشار Modifying the push event handler

• تغییر رویداد کلیک در اطلاع رسانی Modifying the notification click event

• ایجاد اسکریپت فشار وب Creating the web push script

• تست برنامه میزبانی شده Testing the hosted app

8. منابع 8. Resources

• چی چیز باقی مانده است؟ What's left?

• مرورگر و پشتیبانی دستگاه Browser and device support

• ابزارها و منابع PWA PWA tools and resources

نتیجه Conclusion

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