© DrHitch/Shutterstock.com
Shortcuts
Cross-Plattform

5 Apps ohne App Store? Cutting Edge mit Progressive Web Apps

Eine Zukunft ohne App Stores? Kaum vorstellbar, oder? Wie soll die Anwendung installiert werden? Was ist mit Zugriff auf native Features wie Kamera oder Push-Nachrichten? Fragen über Fragen - die Antwort? Progressive Web Apps! Ein seit 2015 durch Google geprägter Begriff, um das Web Stück für Stück nativer zu machen, um mehr und mehr Anwendungen ins Web zu bekommen und das Nutzererlebnis zu verbessern. Hinzu kommen Themen wie Offlinefähigkeit und ein zweiter JavaScript-Thread.

Shortcut Autorenteam


Im ersten Kapitel haben wir uns die Grundlagen zu Webapplikationen angeschaut. Mithilfe von Googles Angular haben wir eine kleine Beispielanwendung geschrieben, die sich des Star-Wars-API [1] und des Poké-API [2] bedient, um beispielhaft Master-Detail-Daten anzuzeigen. Das zweite Kapitel des shortcuts hat sich mit dem Angular-CLI beschäftigt und wie man es als Build-System einsetzen kann. Dort haben wir die Begriffe Ahead-of-Time Compilation und Tree Shaking kennengelernt, die uns helfen, eine in Bezug auf die Dateigröße möglichst kleine und performante Anwendung zu entwickeln. Im dritten Teil des shortcuts haben wir die Beispielanwendung mit Cordova [3] so verpackt, dass sie als native Anwendung auf mobilen Geräten wie Android- oder iOS-Smartphones gestartet werden kann. Zusätzlich haben wir ein natives API angesprochen: Die Teilen-Funktion des mobilen Betriebssystems, mit der Inhalte mit unseren Freunden via Facebook, Twitter, WhatsApp und allen Apps, die diese Funktion unterstützen, geteilt werden können. Im vierten Kapitel haben wir die bestehende Anwendung mit Electron [4] verpackt, sodass sie als native Desktopanwendung, sprich .exe, .app und Co., ausgeliefert und gestartet werden kann. Auch hier haben wir native Desktop-APIs angesprochen, um die Teilen-Funktion zu ermöglichen.In diesem Kapitel wollen wir uns mit Zukunftsmusik beschäftigen: den Progressive Web Apps (PWA). Begleitet wird dieser shortcut durch eine Beispielanwendung, die auf GitHub [5] zu finden ist. Es empfiehlt sich, den Code zum Kapitel zu öffnen, da im Kapitel nur Ausschnitte gezeigt werden können. Im Ordner part5 befindet sich der Code für dieses Kapitel. Progressive Web App ist ein Begriff, den man in der Webwelt aktuell oft hört und auf den bereits große Firmen wie beispielsweise Twitter, Telegram oder die NASA aufgesprungen sind. Doch um was genau handelt es sich überhaupt?Der Blick in die ZukunftProgressive Web Apps beschreibt eine Sammlung von Technologien, Möglichkeiten und Eigenschaften zukünftiger Webanwendungen. PWAs selbst sind keine eigene Technologie, sondern eine seit 2015 von Google getriebene Initiative, die das Web nativer machen soll und dabei natürlich auch Zugriff auf native Gerätefunktionen wie die Kamera gewährt. Im Kern sind PWAs ganz normale Webanwendungen, wie auch unsere Beispielanwendung eine ist – aber auf Steroiden. Die bestehende Webanwendung wird mit weiteren nativen Funktionen angereichert. Um das zu erreichen, legt Google einige Charakteristika f...

Shortcuts
Cross-Plattform

5 Apps ohne App Store? Cutting Edge mit Progressive Web Apps

Eine Zukunft ohne App Stores? Kaum vorstellbar, oder? Wie soll die Anwendung installiert werden? Was ist mit Zugriff auf native Features wie Kamera oder Push-Nachrichten? Fragen über Fragen - die Antwort? Progressive Web Apps! Ein seit 2015 durch Google geprägter Begriff, um das Web Stück für Stück nativer zu machen, um mehr und mehr Anwendungen ins Web zu bekommen und das Nutzererlebnis zu verbessern. Hinzu kommen Themen wie Offlinefähigkeit und ein zweiter JavaScript-Thread.

Shortcut Autorenteam


Im ersten Kapitel haben wir uns die Grundlagen zu Webapplikationen angeschaut. Mithilfe von Googles Angular haben wir eine kleine Beispielanwendung geschrieben, die sich des Star-Wars-API [1] und des Poké-API [2] bedient, um beispielhaft Master-Detail-Daten anzuzeigen. Das zweite Kapitel des shortcuts hat sich mit dem Angular-CLI beschäftigt und wie man es als Build-System einsetzen kann. Dort haben wir die Begriffe Ahead-of-Time Compilation und Tree Shaking kennengelernt, die uns helfen, eine in Bezug auf die Dateigröße möglichst kleine und performante Anwendung zu entwickeln. Im dritten Teil des shortcuts haben wir die Beispielanwendung mit Cordova [3] so verpackt, dass sie als native Anwendung auf mobilen Geräten wie Android- oder iOS-Smartphones gestartet werden kann. Zusätzlich haben wir ein natives API angesprochen: Die Teilen-Funktion des mobilen Betriebssystems, mit der Inhalte mit unseren Freunden via Facebook, Twitter, WhatsApp und allen Apps, die diese Funktion unterstützen, geteilt werden können. Im vierten Kapitel haben wir die bestehende Anwendung mit Electron [4] verpackt, sodass sie als native Desktopanwendung, sprich .exe, .app und Co., ausgeliefert und gestartet werden kann. Auch hier haben wir native Desktop-APIs angesprochen, um die Teilen-Funktion zu ermöglichen.In diesem Kapitel wollen wir uns mit Zukunftsmusik beschäftigen: den Progressive Web Apps (PWA). Begleitet wird dieser shortcut durch eine Beispielanwendung, die auf GitHub [5] zu finden ist. Es empfiehlt sich, den Code zum Kapitel zu öffnen, da im Kapitel nur Ausschnitte gezeigt werden können. Im Ordner part5 befindet sich der Code für dieses Kapitel. Progressive Web App ist ein Begriff, den man in der Webwelt aktuell oft hört und auf den bereits große Firmen wie beispielsweise Twitter, Telegram oder die NASA aufgesprungen sind. Doch um was genau handelt es sich überhaupt?Der Blick in die ZukunftProgressive Web Apps beschreibt eine Sammlung von Technologien, Möglichkeiten und Eigenschaften zukünftiger Webanwendungen. PWAs selbst sind keine eigene Technologie, sondern eine seit 2015 von Google getriebene Initiative, die das Web nativer machen soll und dabei natürlich auch Zugriff auf native Gerätefunktionen wie die Kamera gewährt. Im Kern sind PWAs ganz normale Webanwendungen, wie auch unsere Beispielanwendung eine ist – aber auf Steroiden. Die bestehende Webanwendung wird mit weiteren nativen Funktionen angereichert. Um das zu erreichen, legt Google einige Charakteristika f...

Neugierig geworden?


    
Loading...

Angebote für Teams

Für Firmen haben wir individuelle Teamlizenzen. Wir erstellen Ihnen gerne ein passendes Angebot.

Das Library-Modell:
IP-Zugang

Das Company-Modell:
Domain-Zugang