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

🚀In order to keep the minor train rolling, we meet online each day.
Check the sheet for your group, meeting time and invitation link to the online meeting: PWA 1920 Remote Meetings
Use headphones during the meeting to avoid sound noise 🎧

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 - slides Declan Rek

Week 2 - Progressive Web App 🚀

Goals: Convert application to a Progressive Web App

Exercises
Progressive Web Aps - slides Declan Rek

Week 2 - Critical Rendering Path 📉

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