Designing Progressive Web Apps from Pluralsight

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.

What's inside

Syllabus

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

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Taught by Maximiliano Firtman, who are recognized for their work in designing great experiences for apps

Develops skills in defining visual styles, assets, and creating PWA-friendly stylesheets for mobile and desktop

Examines how to properly design an app experience for iOS, Android, and desktop operating systems

Explores the Web App Manifest and the creation of icons and splash screens

Covers CSS tricks to provide a more native experience for Progressive Web Apps

Teaches learners how to make a mobile and desktop-optimized design

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Designing Progressive Web Apps with these activities:

Review HTML and CSS

Show steps

Strengthen your basics in HTML and CSS to have a solid foundation for building PWAs.

Show steps

Reread course materials or tutorials on HTML and CSS.
Practice writing simple HTML and CSS code snippets.
Complete coding challenges or exercises on HTML and CSS.

Follow Tutorials on PWA Development

Show steps

Expand your knowledge by following guided tutorials and learning from experts in the field.

Browse courses on Web App Manifest

Show steps

Identify reputable online tutorials or courses on PWA development.
Follow the tutorials step-by-step, building your own PWA.
Experiment with different features and techniques discussed in the tutorials.

Complete Coding Challenges on PWA Development

Show steps

Test your understanding of PWA concepts by solving coding challenges and exercises.

Browse courses on JavaScript

Show steps

Find online coding challenges or exercises on PWA development.
Attempt to solve the challenges using the knowledge gained from the course.
Review solutions and learn from your mistakes.

Show all three activities

Career center

Learners who complete Designing Progressive Web Apps will develop knowledge and skills that may be useful to these careers:

Web Developer

Web Developers are responsible for the design and development of websites and web applications, including Progressive Web Apps (PWAs). This course will teach you the skills and knowledge needed to design and develop PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a Web Developer.

See salaries and explore the career path for Web Developer

UX Designer

UX Designers are responsible for the user experience of websites and web applications, including PWAs. This course will teach you the skills and knowledge needed to design great user experiences for PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a UX Designer.

See salaries and explore the career path for UX Designer

UI Designer

UI Designers are responsible for the visual design of websites and web applications, including PWAs. This course will teach you the skills and knowledge needed to design great visual experiences for PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a UI Designer.

See salaries and explore the career path for UI Designer

Front-End Developer

Front-End Developers are responsible for the development of the front-end of websites and web applications, including PWAs. This course will teach you the skills and knowledge needed to develop PWAs, including how to make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a Front-End Developer.

See salaries and explore the career path for Front-End Developer

Mobile Developer

Mobile Developers are responsible for the development of mobile applications, including PWAs. This course will teach you the skills and knowledge needed to develop PWAs for mobile devices, including how to create icons and splash screens, and make a PWA-friendly stylesheet for mobile. This course can help you build a foundation for a successful career as a Mobile Developer.

See salaries and explore the career path for Mobile Developer

App Developer

App Developers are responsible for the development of applications, including PWAs. This course will teach you the skills and knowledge needed to develop PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as an App Developer.

See salaries and explore the career path for App Developer

Web Designer

Web Designers are responsible for the design of websites and web applications, including PWAs. This course will teach you the skills and knowledge needed to design PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a Web Designer.

See salaries and explore the career path for Web Designer

Software Engineer

Software Engineers are responsible for the design, development, and maintenance of software applications, including PWAs. This course will teach you the skills and knowledge needed to develop PWAs, including how to make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a Software Engineer.

See salaries and explore the career path for Software Engineer

Product Manager

Product Managers are responsible for the planning, development, and launch of products, including PWAs. This course will teach you the skills and knowledge needed to design and develop PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a Product Manager.

See salaries and explore the career path for Product Manager

Business Analyst

Business Analysts are responsible for the analysis of business needs and the development of solutions, including PWAs. This course will teach you the skills and knowledge needed to design and develop PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a Business Analyst.

See salaries and explore the career path for Business Analyst

Project Manager

Project Managers are responsible for the planning, execution, and completion of projects, including PWAs. This course will teach you the skills and knowledge needed to design and develop PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a Project Manager.

See salaries and explore the career path for Project Manager

Information Architect

Information Architects are responsible for the organization and structure of information, including PWAs. This course will teach you the skills and knowledge needed to design and develop PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as an Information Architect.

See salaries and explore the career path for Information Architect

Technical Writer

Technical Writers are responsible for the creation of documentation, including PWAs. This course will teach you the skills and knowledge needed to design and develop PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a Technical Writer.

See salaries and explore the career path for Technical Writer

Content Creator

Content Creators are responsible for the creation of content, including PWAs. This course will teach you the skills and knowledge needed to design and develop PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a Content Creator.

See salaries and explore the career path for Content Creator

Customer Success Manager

Customer Success Managers are responsible for the success of customers, including PWAs. This course will teach you the skills and knowledge needed to design and develop PWAs, including how to define visual styles and assets, create icons and splash screens, and make a PWA-friendly stylesheet for mobile and desktop. This course can help you build a foundation for a successful career as a Customer Success Manager.

See salaries and explore the career path for Customer Success Manager