Vanilla JavaScript: برنامه های کاربردی وب پیشرفته

مدرس Tom Duffy

انتشار 2018/10/09

مدت زمان 3h 45m

سطح متوسط

فایل تمرینی دارد

آموزش JavaScript: Progressive Web Applications

کاربران اکنون از سایت‌های موبایلی انتظار تجربه‌ای شبیه به اپلیکیشن دارند. اما توسعه‌دهندگان چگونه می‌توانند پروژه‌های مبتنی بر وب خود را مانند برنامه‌های بومی رفتار کنند؟ برنامه های وب پیشرو (PWA) پاسخ این سوال هستند. آنها متناسب با هر فاکتوری هستند، می توانند به صورت آفلاین عمل کنند، و مانند برنامه های بومی احساس می شوند - بدون مشکل یا هزینه توسعه برنامه بومی. این دوره نشان می دهد که چگونه می توان یک وب سایت موجود را با استفاده از جاوا اسکریپت Vanilla به یک برنامه وب پیشرفته تبدیل کرد. مربی تام دافی نحوه ایجاد قابلیت‌های آفلاین، اعلان‌های نصب خودکار و اعلان‌ها را توضیح می‌دهد - ویژگی‌هایی که کاربران شما را خوشحال کرده و درگیر می‌کنند. به علاوه، یاد بگیرید که چگونه اعلان‌های فشاری را پیاده‌سازی کنید و ویژگی‌هایی را ارائه کنید که حتی پلتفرم‌های پیشرفته‌ای مانند iOS فاقد آن هستند.

Front-end Development JavaScript Progressive Web Applications (PWAs)

Introduction

Leverage your web skills for mobile development ()

What you should know ()

Using the exercise files ()

1. What Is a Progressive Web App?

A little history ()

Introduction to Progressive Web Apps ()

Choosing an editor ()

2. Getting Started

Creating a web app in NetBeans ()

Demo of the web app ()

Creating the app icon ()

Using the Android Emulator ()

3. The Web App Manifest

What is the web app manifest? ()

Set a Start URL and basic styling ()

Test the PWA in the Android Emulator ()

Test the PWA in the iOS Simulator ()

4. Getting Ready for Service Workers

Moving away from emulators ()

Intro to service workers ()

Service worker lifecycle ()

Getting started with ES6 promises ()

PWAs and Chrome DevTools ()

5. Service Workers

Registering a service worker ()

The install event and caches ()

Activating the service worker ()

Intercepting requests using Fetch ()

Install banner behavior ()

Designing the install banner ()

Implementing the install banner ()

Debugging with Chrome DevTools ()

More Chrome DevTools ()

Debugging with Safari and the iOS Simulator ()

6. Cleaning Up iOS Limitations

What's missing in the iOS implementaton ()

Web app install banner: HTML and CSS ()

Web app install banner: Update the cache ()

Web app install banner: The window.onload event ()

Demonstrating the web app install banner ()

Launch images and splash screens ()

Demonstrating launch images ()

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 ()

Adding Firebase Cloud Messaging to the project ()

Subscribing to push messaging ()

Handling push notifications ()

Sending a tickle using cURL ()

Sending data in a push message ()

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. Resources

What's left? ()

Browser and device support ()

PWA tools and resources ()

Conclusion

Next steps ()

Ex_Files_VanillaJS_Web_Apps.zip (32.0 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.