Register for this year’s #ChromeDevSummit happening on Nov. 11-12 in San Francisco to learn about the latest features and tools coming to the Web. Request an invite on the Chrome Dev Summit 2019 website

Progressive Web Apps Training

The way we access the internet has changed. With the growth of smartphones and mobile devices, we are seeing millions of people from around the world using the internet for the first time on a mobile device. Google is supporting Progressive Web Apps (PWAs) to help developers provide native-app qualities in web applications that are reliable, fast, and engaging.

This course is aimed at:

  • Beginning-to-intermediate web developers.
  • Web developers who are comfortable using HTML, CSS, and have modest facility with JavaScript.
  • Developers who want to build web experiences that work for everyone.

This course shows you how to convert web pages to PWAs. A PWA is not an API or a technology, but it is a web development approach that uses a combination of tools and technologies already available to create targeted, ideal user experiences. It shows how to use service workers, APIs, and an application shell architecture for meaningful offline experiences, fast first load, and easy user reengagement upon repeat visits.

Course materials

Codelabs

Our codelabs provide a guided, tutorial, hands-on coding experience. Most codelabs step you through the process of adding a new feature to an existing application. The codelabs can be completed in any order. However, the more advanced codelabs build on the fundamentals covered in the earlier codelabs. Each codelab has the recommended prerequisites listed at the start.

Concepts

Each codelab has an accompanying text that explains the concepts in the codelab in more detail. Links to corresponding texts are included at the top of each codelab.

Other resources

Find more codelabs on codelabs.developers.google.com

Feedback

Was this page helpful?
Yes
What was the best thing about this page?
It helped me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had the information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had accurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was easy to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
No
What was the worst thing about this page?
It didn't help me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was missing information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had inaccurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was hard to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.