When you design web content, you are used to be contained within a browser, but not anymore with a PWA. In this course, Designing Progressive Web Apps, you’ll gain the skills to properly design an app experience for iOS, Android, and desktop operating systems. First, you will explore the Web App Manifest and the creation of icons and splash screens that will define how your installed app will look like. Next, you will understand why designing without a browser user interface needs some attention, including some CSS tricks to provide a more native experience. Finally, you will learn how to make a mobile and desktop-optimized design, such as new ideas for your Responsive Web Design techniques, media queries and dark mode. When you’re finished with this course, you’ll have the skills and knowledge of Progressive Web Apps needed to design the best customized, usable, and accessible user experience for your users on Android, iOS, iPadOS, and all the available desktop operating systems.
Author Name: Maximiliano Firtman
Author Description:
Max Firtman is a mobile and web developer, trainer, speaker, and writer. He has authored many books, including Programming the Mobile Web and High Performance Mobile Web published by O’Reilly Media, and many online courses at different publishers. He is a frequent speaker at conferences worldwide and he has been widely recognized for his work in the mobile-web community. He teaches mobile, HTML5, PWA and web performance trainings for top companies around the world.

Table of Contents

• Course Overview
  1min
• Creating the Progressive Web App
  40mins
• Defining Icons and Splash screens
  32mins
• Designing Mobile and Desktop User Experiences
  17mins
• Making an App-friendly Stylesheet
  21mins
• Preparing meta data for distribution
  9mins