Information about the workshop

During the workshop we'll learn about Progressive Web Applications as well as Web Performance - both applicable to the Vue.js Framework.

Timings

The workshops starts at 1pm and finishes at 5pm. Please make sure that you arrive on time.

Web Performance

In the first part we'll tackle web performance. It plays a crucial part in the web development life-cycle: users do not like to wait for an application to load, nor they like dysfunctional / unstable sites. Having a well performing site helps us to retain users, drive sales and thereby potentially increasing profit. Throughout the workshop we'll take a look at some key concepts such as lazy-loading, preloading key assets and managing media assets.

Progressive Web Apps

In the second part of the workshop we take a look at Progressive Web Apps. These represent a hybrid application type allowing users of the app to experience better (progressive) performance, offline capabilities and push notifications. Essentially a PWA acts almost like a native web app. From a development perspective there's a lot that needs to be done: understand the Service Worker and the Cache API. Vue.js applications come bundled with Workbox.js that represent a set of libraries allowing developers to work with Progressive Web Apps.

Pre-requisites

• Some web development knowledge (HTML/CSS/JavaScript)
• Basic Vue.js knowledge
• Some familiarity with Node.js

What to bring

• Your laptop
  • Ideally with Node.js LTS installed
  • Your avourite code editor (Visual Studio Code, Atom, Sublime Text, etc)
  • git Installed
• A lot of enthusiasm