Progressive Web Apps @cmda-minor-web · 20-21

In this course we will convert the client side web application previously made Web App From Scratch into a server side rendered application. We also add functionalities based on the Service Worker and turn the application into a Progressive Web App. Ultimately we are going to implement a series of optimisations to improve the performance of the application.

Learning goals

• You understand the difference between client side and server side rendering and you can apply server side rendering in your application
• You understand how a Service Worker works and you can implement it in your application.
• You understand how the critical render path works and how you can optimize it for a better runtime and / or perceived performance.

Rubric with learning goals

Program

Week 1 - Server Side Rendering 📡

Goal: Render web pages server side

Exercises
Server Side Rendering - slides Declan Rek

Week 2 - Progressive Web App 🚀

Goals: Convert application to a Progressive Web App

Exercises
Progressive Web Apps - slides Declan Rek

Week 3 - Critical Rendering Path 📉

Doel: Optimize the Critical Rendering Path
Exercises
Critical Rendering Path - slides Declan Rek