وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

JavaScript: Progressive Web Applications

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

Users now expect app-like experiences from mobile sites. But how do developers make their web-based projects behave like native apps? Progressive web apps (PWAs) are the answer. They fit any form factor, can function offline, and feel like native apps—without the difficulty or expense of native app development. This course shows how to turn an existing website into a progressive web app using nothing more than Vanilla JavaScript. Instructor Tom Duffy explains how to build in offline capabilities, automated installation prompts, and notifications—features that will delight and engage your users. Plus, learn how to implement push notifications and provide features that even advanced platforms like iOS are missing.


01 - Introduction
  • 01 - Leverage your web skills for mobile development
  • 02 - What you should know
  • 03 - Using the exercise files

  • 02 - 1. What Is a Progressive Web App
  • 01 - A little history
  • 02 - Introduction to Progressive Web Apps
  • 03 - Choosing an editor

  • 03 - 2. Getting Started
  • 01 - Creating a web app in NetBeans
  • 02 - Demo of the web app
  • 03 - Creating the app icon
  • 04 - Using the Android Emulator

  • 04 - 3. The Web App Manifest
  • 01 - What is the web app manifest
  • 02 - Set a Start URL and basic styling
  • 03 - Test the PWA in the Android Emulator
  • 04 - Test the PWA in the iOS Simulator

  • 05 - 4. Getting Ready for Service Workers
  • 01 - Moving away from emulators
  • 02 - Intro to service workers
  • 03 - Service worker lifecycle
  • 04 - Getting started with ES6 promises
  • 05 - PWAs and Chrome DevTools

  • 06 - 5. Service Workers
  • 01 - Registering a service worker
  • 02 - The install event and caches
  • 03 - Activating the service worker
  • 04 - Intercepting requests using Fetch
  • 05 - Install banner behavior
  • 06 - Designing the install banner
  • 07 - Implementing the install banner
  • 08 - Debugging with Chrome DevTools
  • 09 - More Chrome DevTools
  • 10 - Debugging with Safari and the iOS Simulator

  • 07 - 6. Cleaning Up iOS Limitations
  • 01 - What's missing in the iOS implementaton
  • 02 - Web app install banner HTML and CSS
  • 03 - Web app install banner Update the cache
  • 04 - Web app install banner The window.onload event
  • 05 - Demonstrating the web app install banner
  • 06 - Launch images and splash screens
  • 07 - Demonstrating launch images

  • 08 - 7. Notifications and Push APIs
  • 01 - Introduction to notifications
  • 02 - Requesting permission to show notifications
  • 03 - Displaying a notification
  • 04 - Adding data to a notification
  • 05 - Closing a notification
  • 06 - Handling the notification click event
  • 07 - Push messaging overview
  • 08 - Adding Firebase Cloud Messaging to the project
  • 09 - Subscribing to push messaging
  • 10 - Handling push notifications
  • 11 - Sending a tickle using cURL
  • 12 - Sending data in a push message
  • 13 - Installing Mozilla's Web Push library
  • 14 - Modifying the push event handler
  • 15 - Modifying the notification click event
  • 16 - Creating the web push script
  • 17 - Testing the hosted app

  • 09 - 8. Resources
  • 01 - What's left
  • 02 - Browser and device support
  • 03 - PWA tools and resources

  • 10 - Conclusion
  • 01 - Next steps
  • 45,900 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

    در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 626
    حجم: 620 مگابایت
    مدت زمان: 226 دقیقه
    تاریخ انتشار: 25 دی 1401
    طراحی سایت و خدمات سئو

    45,900 تومان
    افزودن به سبد خرید