Progressive Web Apps (PWA) – The Complete Guide

Build a Progressive Web App (PWA) that feels like an iOS & Android App, using Device Camera, Push Notifications and more

Best Seller
Created by Maximilian Schwarzmüller
Last updated 10/2017
English
English [Auto-generated]
What Will I Learn?
  • Build web apps that look and feel like native mobile apps for iOS and Android
  • Use service workers to build web apps that work without internet connection (offline-first)
  • Leverage device features like the camera and geolocation in your web apps
  • Use web push notifications to increase user engagement with your web apps
Requirements
  • Basic HTML, CSS and JavaScript knowledge is required
  • NO experience with JavaScript frameworks is required
Description

Progressive Web Apps (PWA) are the next big thing in web development as they bring mobile-app-like experiences to your users without requiring them to install an app from the app store/ play store.

You still create a web application (HTML, CSS, JavaScript) but this course will teach you how to add features such as camera access, service workers for offline support, push notifications and more. This combines the best of both worlds: You deliver fast, engaging and reliable experiences whilst still having the reach and accessibility of a web page.

“Progressive Web App” simply is a term summarizing all the features allowing you to deliver mobile-like experiences. The topic is highly trending and it also is a topic which is here to stay! Not only is it strongly promoted by Google (actually a lot of talks at Google I/O 2017, Google’s developer conference, were devoted to PWAs), it’s also quickly being adopted by big companies like Twitter or the Washington Post.

Having the skills to build and optimize these kind of web apps is already an important and highly demanded skill for modern web developers, a trend which is only going to accelerate! Therefore, learning how to build PWAs will give you a competitive edge!

In detail, this course will cover everything you need to build amazing PWAs – leading to a score of 100 (out of 100) in Google’s PWA auditing tool “Lighthouse”:

  • Detailed explanation about what a PWA exactly is
  • How to use an app manifest to make your web app installable on device homescreens
  • Using service workers to offer offline support by caching assets
  • Advanced service worker usage and caching strategies
  • A refresher on Promises and the Fetch API as both concepts are heavily used in PWAs
  • How to improve user engagement by adding push notifications
  • A way to synchronize data in the background, even if connection is lost
  • How to access native device features like the camera or geolocation
  • Using Workbox to make service worker management easier
  • Explanations on how to turn your next SPA project into a PWA
  • And more

All these things are of course put into practice by building a course project. To ensure that you can apply the knowledge to ANY of your projects, the course project doesn’t assume any JavaScript framework but focuses on the core features mentioned above!

So this course has a lot to offer, how do you tell if it’s for you though?

It definitely is the right choice if …

  • … you already are a web developer (no matter if experienced or still new to the business) and want to prepare for the future
  • … you enjoy working with HTML, CSS and JavaScript and want to leverage the full power the web and browser technologies have to offer
  • … you want to deliver the best possible experiences to your users, using technologies like web push notifications or offline support

What do you need to know to get the most out of the course?

  • You need to know at least the basics of HTML, CSS and JavaScript
  • No advanced knowledge of these technologies required though
  • You DON’T need to know any JavaScript framework like Angular or React – PWAs work with ANY JavaScript app, even if you don’t use a framework at all (actually, that’s what we’ll build in the course!)

I’d be very happy to welcome you on board of this course and start this journey together with you!

Max

Who is the target audience?
  • Students who want to build web apps that look and behave like native mobile apps
  • Students who want to build offline-ready web apps (yes, that works!)
  • Anyone who wants to build web apps that offer access to the device camera, geolocation, push notifications and provide offline support
  • Students who want to leverage latest browser features whilst still supporting older browsers

Size: 1.94G

 

Content retrieved from: https://www.udemy.com/progressive-web-app-pwa-the-complete-guide/.

Spread The Knowledge...

13 Comments

  1. Drovosek October 19, 2017 Reply
  2. Drovosek October 18, 2017 Reply
  3. guru October 13, 2017 Reply
  4. Mohammed Amine GZL October 12, 2017 Reply
  5. Jack October 12, 2017 Reply
  6. ram October 12, 2017 Reply
  7. Rahul October 12, 2017 Reply
  8. Agnel C T October 12, 2017 Reply
  9. Ramos October 12, 2017 Reply
  10. xAndre October 12, 2017 Reply
  11. jay gicheru October 12, 2017 Reply
  12. Goldclaw October 12, 2017 Reply
  13. ORDEP.JS October 12, 2017 Reply

Add a Comment

Your email address will not be published. Required fields are marked *