Progressive Web-Apps: Offlinefähige Web-Anwendungen mit nativen Qualitäten
()
About this ebook
Read more from Manfred Steyer
Agile Muster und Methoden: Agile Softwareentwicklung maßgeschneidert Rating: 0 out of 5 stars0 ratingsAngular: Das Praxisbuch zu Grundlagen und Best Practices Rating: 0 out of 5 stars0 ratings.NET-Praxis: Tipps und Tricks zu .NET und Visual Studio Rating: 0 out of 5 stars0 ratings
Related to Progressive Web-Apps
Titles in the series (16)
Cloud Computing Grundlagen: Technisch / rechtlich / wirtschaftlich und architekturell Rating: 0 out of 5 stars0 ratingsCloud Computing Anbietervergleich: Amazon / Microsoft / Google & Co Rating: 0 out of 5 stars0 ratingsBig Data - Apache Hadoop Rating: 0 out of 5 stars0 ratingsCSS: Grundlagen und Best Practices Rating: 0 out of 5 stars0 ratingsDatenbanken: Grundlagen und Entwurf Rating: 0 out of 5 stars0 ratingsHTML 5 meets GWT Rating: 0 out of 5 stars0 ratingsEnterprise Java Web Services Rating: 0 out of 5 stars0 ratingsPHP for Office: Automatisierte Dokumentenerstellung mit PHPExcel, PHPWord und PHPPowerPoint Rating: 1 out of 5 stars1/5iOS Essentials: Frameworks, Tools und Twitter API Rating: 0 out of 5 stars0 ratingsJava 7: Project Coin, Generics und NIO2 Rating: 0 out of 5 stars0 ratingsMagento Entwicklung: Themes, Widgets und Eigene Entitäten Rating: 0 out of 5 stars0 ratingsNoSQL Einführung: CouchDB, MongoDB und Regis Rating: 0 out of 5 stars0 ratingsOnlinerecht: Grundlegende juristische Spielregeln im eCommerce Rating: 0 out of 5 stars0 ratingsUsability von UML Editoren: Ein Vergleich Rating: 0 out of 5 stars0 ratingsJava ME: Pragmatische Plattform für Mobile und Embedded Rating: 0 out of 5 stars0 ratingsProgressive Web-Apps: Offlinefähige Web-Anwendungen mit nativen Qualitäten Rating: 0 out of 5 stars0 ratings
Related ebooks
Cross-Plattform-Entwicklung mit HTML und JavaScript Rating: 0 out of 5 stars0 ratingsHTML5 Security Rating: 0 out of 5 stars0 ratingsDie Serverwelt von Node.js Rating: 0 out of 5 stars0 ratingsSharePoint Kompendium - Bd. 16 Rating: 0 out of 5 stars0 ratingsSoftware entwickeln mit C#, WPF und dem MVVM-Konzept Rating: 0 out of 5 stars0 ratingsSharePoint Kompendium - Bd. 13 Rating: 0 out of 5 stars0 ratingsJava EE Security Rating: 0 out of 5 stars0 ratingsASP.NET Core: Eine Einführung Rating: 0 out of 5 stars0 ratingsNext Level JavaScript: Schlagworte Rating: 0 out of 5 stars0 ratingsPHP für WordPress: Themes und Templates selbst entwickeln Rating: 0 out of 5 stars0 ratingsJavaScript und Ajax: Das Praxisbuch für Web-Entwickler Rating: 0 out of 5 stars0 ratingsDocker und die Containerwelt: Einstieg und Expertentipps rund um Docker-Container Rating: 1 out of 5 stars1/5Angriffsziel UI: Benutzeraktionen, Passwörter und Clickjacking Rating: 0 out of 5 stars0 ratingsSingle-Page-Web-Apps: JavaScript im Einsatz: Webseiten erstellen mit AngularJS, Meteor und jQuery Mobile Rating: 0 out of 5 stars0 ratingsDynamische Webseiten: Einstieg in HTML, PHP und MySQL Rating: 0 out of 5 stars0 ratingsAutomatisiertes Testen: Testautomatisierung mit Geb und ScalaTest Rating: 0 out of 5 stars0 ratingsMobile App Testing: Praxisleitfaden für Softwaretester und Entwickler mobiler Anwendungen Rating: 0 out of 5 stars0 ratingsMobile Web-Apps mit JavaScript: Leitfaden für die professionelle Entwicklung Rating: 0 out of 5 stars0 ratingsHTML5 für Mobile Web Rating: 0 out of 5 stars0 ratingsJavaScript objektorientiert: Verständlicher, flexibler und effizienter programmieren Rating: 0 out of 5 stars0 ratingsProjektmanagement kurz & gut Rating: 0 out of 5 stars0 ratingsMeine erste App Rating: 0 out of 5 stars0 ratingsBigData mit JavaScript visualisieren: D3.js für die Darstellung großer Datenmengen einsetzen Rating: 0 out of 5 stars0 ratingsWebsite Performance Rating: 0 out of 5 stars0 ratings30 Minuten Metaverse Rating: 0 out of 5 stars0 ratingsHacken mit Kali-Linux: Schnelleinstieg für Anfänger Rating: 0 out of 5 stars0 ratingsEinführung in Programmiersprachen Rating: 0 out of 5 stars0 ratingsChatGPT: Wie du die Technik für deinen Alltag nutzen kannst Rating: 0 out of 5 stars0 ratings
Internet & Web For You
Einführung ins Darknet: Darknet ABC Rating: 0 out of 5 stars0 ratingsWordPress-Themes entwickeln: HTML5, CSS3, JavaScript und PHP: Praxiswissen und Quellcodes zum Entwurf von WordPress-Themes Rating: 0 out of 5 stars0 ratingsProgrammieren lernen mit Python 3: Schnelleinstieg für Beginner Rating: 0 out of 5 stars0 ratingsShopware 6 Handbuch Rating: 0 out of 5 stars0 ratingsDas Facebook-Marketing-Buch Rating: 4 out of 5 stars4/5Schnelleinstieg WordPress SEO: Einstellungen, Keywords, Plug-ins und Strategien für optimales SEO Rating: 0 out of 5 stars0 ratingsSEO mit Google Search Console: Webseiten mit kostenlosen Tools optimieren Rating: 0 out of 5 stars0 ratingsJoomla 4.0 logisch!: Einfache Webseitenerstellung ohne Programmierkenntnisse Rating: 0 out of 5 stars0 ratingsPHP für WordPress: Themes und Templates selbst entwickeln Rating: 0 out of 5 stars0 ratingsSEO & WordPress Schnelleinstieg: Plugins, Keywords-entscheidend für die SEO Optimierung Rating: 0 out of 5 stars0 ratingsChatGPT Plus: Durchstarten in eine neue Welt: Entdecken Sie Künstliche Intelligenz mit ChatGPT Plus und GPT-4 Rating: 0 out of 5 stars0 ratingsHTML5 & CSS3 (Prags) Rating: 0 out of 5 stars0 ratingsSo findest du den Einstieg in WordPress: Die technischen Grundlagen zu Installation, Konfiguration, Optimierung, Sicherheit, SEO Rating: 0 out of 5 stars0 ratingsWir machen dieses Social Media Rating: 0 out of 5 stars0 ratingsDer Content Faktor: Schreiben Sie Texte, die gefunden und gelesen werden Rating: 0 out of 5 stars0 ratingsSEO und Online-Marketing: So wird Ihre Website erfolgreich! Rating: 0 out of 5 stars0 ratingsPR im Social Web: Das Handbuch für Kommunikationsprofis Rating: 0 out of 5 stars0 ratingsJavaScript kinderleicht!: Einfach programmieren lernen mit der Sprache des Web Rating: 0 out of 5 stars0 ratings30 Minuten Metaverse Rating: 0 out of 5 stars0 ratingsPraxisbuch WordPress Themes Rating: 0 out of 5 stars0 ratingsChatGPT: Wie du die Technik für deinen Alltag nutzen kannst Rating: 0 out of 5 stars0 ratingsEinstieg in WordPress Rating: 0 out of 5 stars0 ratingsReact lernen und verstehen Rating: 0 out of 5 stars0 ratingsVerschlüsselt! Rating: 0 out of 5 stars0 ratings55 Artikelideen für Ihr Blog (Tipps für attraktive Blogposts und erfolgreiches Bloggen) Rating: 0 out of 5 stars0 ratingsGoogle Platz 1: Lernen Sie von einem der führenden Suchmaschinenoptimierer Deutschlands Rating: 0 out of 5 stars0 ratingsDas kleine Hypnose Einmaleins - Alles was Sie schon immer über die Hypnose wissen wollten von Ewald Pipper vom Hypnoseinstitut Rating: 0 out of 5 stars0 ratingsSECURITY AWARENESS: Leitfaden zur IT-Sicherheit für Anwender Rating: 0 out of 5 stars0 ratings
Reviews for Progressive Web-Apps
0 ratings0 reviews
Book preview
Progressive Web-Apps - Manfred Steyer
GmbH
1 Progressive Web-Apps mit Angular 2 und Service Worker
Progressive Web-Apps bieten den Komfort nativer Anwendungen, indem sie auf moderne Browser-APIs wie Service Worker setzen. Sie sind installierbar sowie offlinefähig und nutzen Hintergrundprozesse für Datensynchronisation und Push Notifications. Falls der Browser der Wahl die genutzten APIs noch nicht unterstützt, stellen sie zumindest den Kern ihrer Funktionalität zur Verfügung.
Die Möglichkeiten moderner Browseranwendungen sind geradezu verlockend: Sie sind plattformunabhängig, bieten eine stressfreie Bereitstellung und auch in puncto Benutzerfreundlichkeit lassen sie dank reichhaltiger JavaScript-Komponenten sowie Responsive Design keine Wünsche offen. Ein kurzer Blick auf Produkte wie Office 365 beweist: Im Browser ist mittlerweile so gut wie alles möglich.
Allerdings gibt es auch Bereiche, bei denen Webanwendungen nicht mit ihren nativen Gegenstücken mithalten können: Ladezeit, Offlinefähigkeit, Push Notifications und Datensynchronisation im Hintergrund sind ein paar Beispiele dafür. Lösungen hierfür versprechen progressive Web-Apps, die die nächste Stufe moderner Webanwendungen darstellen. Dieses Kapitel geht darauf ein und zeigt anhand eines Beispiels, wie sie zu offlinefähigen Browseranwendungen beitragen.
Bei diesem Beispiel geht es um eine Web-App, die gebuchte Flüge präsentiert (Abb. 1.1). Der Quellcode dieses Beispiels steht in zwei Varianten unter [1] sowie [2] zur Verfügung.
Abbildung 1.1: Beispielanwendung für eine progressive Web-App
Progressive Web-Apps
Das Schlagwort progressive Web-Apps steht für moderne Webanwendungen, die prinzipiell in jedem gängigen Browser laufen und beim Betrieb in moderneren Modellen zusätzlichen Komfort bieten. Sie sind beispielsweise responsive, fühlen sich wie Apps an und stehen auf Wunsch über ein Icon am Startbildschirm zur Verfügung. Auf diese Weise gestartete Apps können sogar die Adresszeile des Browsers ausblenden, sodass der Benutzer auf den ersten Blick keinen Unterschied zu einer nativen App bemerkt. Das Verhalten dieser „installierten" Weblösungen steuert ein so genanntes Web-App-Manifest. Browser, die dieses Konzept noch nicht unterstützen, nehmen Einstellungen dieser Art in der Regel über Metatags entgegen.
Sofern im Browser der Wahl vorhanden, setzen progressive Web-Apps auf Service Worker. Dabei handelt es sich um Hintergrundprozesse, die losgelöst von der eigentlichen App ablaufen, und Offlineszenarien, Datensynchronisation sowie Push Notifications unterstützen. Als der vorliegende Text verfasst wurde, unterstützten Chrome, Firefox und Opera dieses aufstrebende Konzept. Seitens der Teams hinter Safari und Edge gab es Interessensbekundungen.
Zur Unterstützung der Offlinefähigkeit und zur Beschleunigung des