Maxim Salnikov

Native Web Apps: Are We There Yet?

What if your web app could handle local files and register as a default app? Discover the modern APIs that make this a reality.

Native Web Apps: Are We There Yet?
#1about 13 minutes

Understanding the web's evolution into an app platform

The web platform's strengths like evergreen browsers and a large developer community led to Progressive Web Apps that solve historical limitations like offline access.

#2about 5 minutes

How to make a web application installable

A web application becomes installable by including a correctly formatted Web App Manifest file and a service worker with a fetch handler.

#3about 5 minutes

Customizing the app window and launch behavior

Control whether your app opens in a new or existing window and customize its appearance using display modes like standalone, fullscreen, or tabbed UI.

#4about 7 minutes

Integrating your web app with the operating system

Use APIs for outbound integration like Web Share and File System Access, and inbound integration like protocol handlers and share targets to make your app feel native.

#5about 2 minutes

Implementing native notifications and background tasks

Engage users with the Web Push API for notifications, the Badging API for unread counts, and schedule future notifications with Notification Triggers.

#6about 2 minutes

Accessing hardware and tracking new web capabilities

Web apps can access a wide range of hardware sensors and media capabilities, with new APIs tracked through the Project Fugu initiative.

#7about 8 minutes

Hosting PWAs and distributing them in app stores

Host your PWA using services like Azure Static Web Apps and use tools like PWA Builder to package and distribute it through major app stores.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

Introducing Project Fugu and its goals for PWAs
00:27 MIN

Introducing Project Fugu and its goals for PWAs

Project Fugu: Progressive Web Apps, Superpowered

Why the web falls short for native app development
05:01 MIN

Why the web falls short for native app development

Lynx: Native for More

What are Progressive Web Apps (PWAs)?
04:37 MIN

What are Progressive Web Apps (PWAs)?

Progressive Web Apps - The next big thing

Expanding PWA capabilities with modern web APIs
05:54 MIN

Expanding PWA capabilities with modern web APIs

PWAs in 2021

How progressive web apps enhance the web platform
10:04 MIN

How progressive web apps enhance the web platform

Project Fugu: Extending the web

Defining the three core features of progressive web apps
00:33 MIN

Defining the three core features of progressive web apps

PWAs in 2021

Summary and real-world examples of advanced PWAs
39:57 MIN

Summary and real-world examples of advanced PWAs

Making of paint.js.org—a Web Component-based Productivity PWA

The future of PWAs and Fugu API adoption
31:27 MIN

The future of PWAs and Fugu API adoption

Project Fugu: Progressive Web Apps, Superpowered

Featured Partners

Related Videos

See all videos
PWAs in 202141:49

PWAs in 2021

Ire Aderinokun

Project Fugu: Progressive Web Apps, Superpowered45:20

Project Fugu: Progressive Web Apps, Superpowered

Christian Liebel

Progressive Web Apps - The next big thing40:01

Progressive Web Apps - The next big thing

Nico Martin

Project Fugu: Extending the web58:12

Project Fugu: Extending the web

Lucien Immink

PWA Fundamentals: websites with superpowers43:06

PWA Fundamentals: websites with superpowers

Rowdy Rabouw

Making of paint.js.org—a Web Component-based Productivity PWA44:22

Making of paint.js.org—a Web Component-based Productivity PWA

Christian Liebel

Possibilities with Web Capabilities27:05

Possibilities with Web Capabilities

Rowdy Rabouw

Catching up on the basics you don't really need that much code14:44

Catching up on the basics you don't really need that much code

Chris Heilmann

Related Articles

View all articles
DC
Daniel Cranney
The State of WebDev AI 2025 Results: What Can We Learn?
Introduction The 2025 edition of The State of WebDev AI offers a detailed snapshot of how developers are using AI today, which tools have gained the most traction over the past year, and what these trends suggest about the future of the industry. In...
The State of WebDev AI 2025 Results: What Can We Learn?
BR
Benjamin Ruschin
The HTML Elements That You’re Probably Over-Engineering
As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that come with using state management in React, Vue and o...
The HTML Elements That You’re Probably Over-Engineering
CH
Chris Heilmann
Building a "shoutout" component in plain HTML/CSS/JavaScript
Every Wednesday we meet at noon to talk about a lot of tech news, tools and resources in something we call WeAreDevelopers Live . We go live on YouTube and afterwards we cut out short videos to post on social media. What we needed was an obvious “sho...
Building a "shoutout" component in plain HTML/CSS/JavaScript

From learning to earning

Jobs that call for the skills explored in this talk.