Nico Martin

Web- / Frontend Developer

@nic_o_martin
nicomartin.ch

Say Hello GmbH

@SayHelloGmbH
sayhello.ch

WEB

APP

Web oder App?

"Mobile apps let us complete a task.
Websites give us access to information."

Medium: Designing for the Web vs. Apps in the Mobile Era - Lukas Imrich

Web oder App?

87%

App-Anteil der am Smaprthone verbrachten Zeit.

Web-Anteil: 13%

0

Anzahl der Apps, die 51% der User installieren.

Pro Monat!

78%

der Zeit verbringt ein User in seinen Top 3 Apps

comScore: The 2017 U.S. Mobile App Report

Definition

next gen. Web Apps


Fast

Integrated
Installierbar

Reliable
Offline Nutzung

Engaging
Push Nachrichten


"Progressive Web App"

typeof(is_PWA()) !== "boolean"



Eine Progressive Web App ist eine responsive Webseite,
die Eigenschaften einer klassischen Smartphone-App aufweist.

Technologie

Progressive Web App


Web App Manifest Serviceworker HTTPS

Web App Manifest

<head>
	...
	<link rel="manifest" href="/manifest.json">
</head>
{
    name: "Meine App",
    short_name: "MeineApp",
    start_url: "./",
    description: "Meine erste Progressive Web App",
    theme_color: "#1d1d1b",
    background_color: "#ffffff",
    display: "standalone",
    lang: "",
    orientation: "any",
    icons: [
        {
            src: "/path/to/app-icon-512x512.png",
            type: "image/png",
            sizes: "512x512"
        }
    ],
}

Serviceworker

Serviceworker

HTTPS

Features

The awesomeness of PWA