Workshop 8h | 
International JavaScript Conference 2022 München
 | 24.10.2022

PWA: From 0 to MS Paint with Project Fugu (Hands-on)

Progressive Web Apps are a great cross-platform application model, even if somewhat restricted in use—until now, that is. Project Fugu is an initiative led by Google, Microsoft, and Intel. Their goal: a more capable web. Home screen shortcuts, sharing files with other apps, clipboard, and file system access are only a few examples of Fugu’s powerful APIs. Are you ready to superpower your Progressive Web App?

In this workshop, you’ll learn how Progressive Web Apps and Project Fugu enable you to develop full productivity apps that feel virtually like native apps, using web technologies. We will implement a simple remake of a productivity app dinosaur: MS Paint. We will first implement the basic functionality, then make the app installable and offline-capable using the PWA APIs, and finally enrich the user experience even further with new Fugu APIs.

Christian Liebel is consultant at Thinktecture, focuses on web standards and Progressive Web Applications, and is Thinktecture’s representative at the W3C.

Event

International JavaScript Conference 2022 München
24.10.22  
- 28.10.22 
@ München
 (DE)
IJS

Links & additional Content

More articles about Project Fugu, PWA

More articles about Project Fugu, PWA

.NET
cl-neu
Blazor WebAssembly is a powerful framework for building web applications that run on the client-side. With Project Fugu APIs, you can extend the capabilities of these apps to access new device features and provide an enhanced user experience. In this article, learn about the benefits of using Project Fugu APIs, the wrapper packages that are available for Blazor WebAssembly, and how to use them in your application.

Whether you're a seasoned Blazor developer or just getting started, this article will help you add superpowers to your Blazor WebAssembly app.
28.02.2023
Project Fugu
cl-neu
In part five of the series about the making of the web-based Microsoft Paint clone paint.js.org, I want to show how to implement support for dark mode in your web applications.
20.05.2021
Project Fugu
cl-neu
In this fourth part of the series about the Microsoft Paint remake on paint.js.org, I want to demonstrate how you can save your drawings to your local disk, read them back later and how to add your web app as a handler for certain file extensions.
12.05.2021
PWA
cl-neu
In part three of the series about the making of the web-based Microsoft Paint clone paint.js.org, I want to show how you can copy drawings from the Paint clone to other applications and paste them back.
27.04.2021
Project Fugu
cl-neu
After introducing into the project about the web-based Microsoft Paint clone in the first part of this series and talking about the choice of Web Components and the architecture of paint.js.org, I now want to demonstrate how I implemented the drawing functionality.
15.04.2021
PWA
cl-neu
Progressive Web Apps and the new powerful web APIs provided by Project Fugu allow developers to implement desktop-class productivity apps using web technologies. In this six-part article series, Christian Liebel shows you the critical parts of how paint.js.org was made, a web-based clone of the productivity app dinosaur Microsoft Paint. In this first article, Christian gives you an overview of the project, explains the choice of Web Components, and discusses the basic app architecture of the web-based Microsoft Paint clone.
07.04.2021

Our webinars

Our articles

More about us