Progressive Web Apps are the new DNA of the Web. This course will teach know to design great experiences for your apps, including how to define visual styles and assets of your app and how to make a PWA-friendly stylesheet for mobile and desktop.
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.Topics:
- Course Overview
- Creating the Progressive Web App
- Defining Icons and Splash screens
- Designing Mobile and Desktop User Experiences
- Making an App-friendly Stylesheet
- Preparing meta data for distribution