/progressive-web-apps-1920

Progressive Web Apps @cmda-minor-web · 2019-2020

Progressive Web Apps @cmda-minor-web · 2019-2020

In this course we will convert the client side web application previously made at the OBA 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

Program

Week 1 - Server Side Rendering 📡

Goal: Render web pages server side

Exercises
Slides
The Web landscape

Week 2 - Progressive Web App 🚀

Goals: Convert application to a Progressive Web App

Opdrachten
Slides

Week 2 - Critical Rendering Path 📉

Doel: Optimize the Critical Rendering Path
Opdrachten
Slides