{"id":6020,"date":"2019-06-05T12:36:03","date_gmt":"2019-06-05T10:36:03","guid":{"rendered":"https:\/\/kokoen.net\/?p=6020"},"modified":"2019-10-31T13:38:36","modified_gmt":"2019-10-31T12:38:36","slug":"progressive-web-apps-zukunft","status":"publish","type":"post","link":"https:\/\/kokoen.net\/blog\/progressive-web-apps-zukunft\/","title":{"rendered":"Progressive Web Apps sind unsere Zukunft!"},"content":{"rendered":"\r\n

Unsere Experten sind zuversichtlich, dass Progressive Web Apps (PWAs) <\/a>Native Apps abl\u00f6sen werden. Es ist sehr gut m\u00f6glich, dass mindestens 80% der neuen Nicht-Gaming-Anwendungen auf Smartphones mit Hilfe von Web-Technologien erstellt werden.<\/p>\r\n\r\n\r\n

PWAs gibt es bereits seit 12 Jahren<\/h2>\r\n\r\n\r\n

Steve Jobs hat es bereits im Jahr 2007 vorausgesagt. Er hatte nicht nur Recht damit, wie Mobiltelefone mindestens die n\u00e4chsten 12 Jahre aussehen, sondern auch damit wie mobile Apps aussehen w\u00fcrden. Er k\u00fcndigte damals an, dass das Standardformat f\u00fcr Apps auf iPhones das sein werde, was wir heute als HTML5 kennen. Diese Apps ben\u00f6tigen kein SDK<\/a> (Software Development Kit), haben einfachen Zugriff auf native Funktionen und sind somit f\u00fcr jeden mit einem Webentwicklungshintergrund leicht zu erstellen.<\/p>\r\n\r\n\r\n

Es dauerte nicht lange, bis Apple entschied, dass dies nicht mehr die Richtung war, in die sie gehen wollten. Sie f\u00fchrten das iOS SDK ein und die native Entwicklung wurde viel komplizierter. Die Funktionalit\u00e4t, die f\u00fcr den Einsatz im Browser gedacht war, wurde ausschlie\u00dflich nativ, sodass die Entwickler dazu gezwungen waren, neue Sprachen zu erlernen und native Entwickler zu werden.<\/p>\r\n\r\n\r\n

Seitdem ist die Webentwicklung<\/a> stark vorangeschritten. Viele Webanwendungen haben heute mehr Funktionen und sind beeindruckender als ihre Native App Gegenst\u00fccke.<\/p>\r\n\r\n\r\n

JavaScript ist zu einer Kraft geworden, mit der man rechnen muss! Und mit der Einf\u00fchrung der PWA-Unterst\u00fctzung in Android und iOS werden Webentwickler Native-ready Apps erstellen k\u00f6nnen, ohne eine v\u00f6llig neue Sprache lernen zu m\u00fcssen.<\/p>\r\n\r\n\r\n

PWAs sind die St\u00e4rksten<\/h2>\r\n\r\n\r\n

Eine progressive Webanwendung ist nicht wie jede andere Webanwendung. Es gibt einige wenige Merkmale, die sie so besonders machen und die erf\u00fcllt sein m\u00fcssen, damit eine App als echte Progressive Web App klassifiziert werden kann.<\/p>\r\n\r\n\r\n

Zuverl\u00e4ssig<\/h3>\r\n\r\n\r\n

Eine PWA muss auch dann zug\u00e4nglich sein, wenn gerade keine Internetverbindung besteht und zwar nicht nur f\u00fcr eine “Wir sind gerade nicht verf\u00fcgbar”-Seite. Jede URL muss zug\u00e4nglich sein, auch wenn sie nur die Daten anzeigt, die zwischengespeichert wurden. Dar\u00fcber hinaus m\u00fcssen PWAs \u00fcber HTTPS bereitgestellt werden, f\u00fcr Tablets und mobile Ger\u00e4te responsive sein und die gesamte Website sollte browser\u00fcbergreifend funktionieren.<\/p>\r\n\r\n\r\n

Schnell<\/h3>\r\n\r\n\r\n

Eine Progressive Web App muss schnell sein – und zwar schnell genug, damit eine Person, die gerade versucht, die App mit einem 3G-Netzwerk zum ersten Mal zu laden, nicht verr\u00fcckt wird. Es ist also wichtig, das Laden des asynchronen Skripts in Gang zu bringen, einiges an renderblocking CSS zu entfernen und den noch vorhandenen Code zu optimieren.<\/p>\r\n\r\n\r\n

\u00dcberzeugend<\/h3>\r\n\r\n\r\n

Zu guter Letzt muss eine PWA \u00fcberzeugend und begeisternd sein. Sie muss sich wie eine Native App anf\u00fchlen, die konsequent funktioniert. Kein ruckartiges Scrollen, kein Warten auf die Navigation – und wenn es ein wichtiges Update gibt, von dem der Benutzer wissen sollte, kann eine PWA sogar Push-Benachrichtigungen unterst\u00fctzen.<\/p>\r\n\r\n\r\n

Wachsender Support<\/h3>\r\n\r\n\r\n

Urspr\u00fcnglich so konzipiert, dass sie sich auf mobilen Ger\u00e4ten zu Hause f\u00fchlen, werden PWAs mittlerweile immer h\u00e4ufiger unterst\u00fctzt. So k\u00f6nnen PWAs auf Chrome OS-, Linux-, Mac- und Windows-PCs installiert werden. Nat\u00fcrlich werden nicht alle Funktionen sofort unterst\u00fctzt. Aber da PWAs immer beliebter werden, werden auch ihre Funktionen pro Plattform zunehmen. Derzeit unterst\u00fctzt nur Chrome on Android alle wichtigen Funktionen, die man sich von einer PWA w\u00fcnscht, aber Apples Safari (unter iOS) ist auf Verfolgungskurs!<\/p>\r\n\r\n\r\n

Einfach<\/h3>\r\n\r\n\r\n

Der Aufbau einer PWA ist unglaublich einfach. Wenn Sie bereits Erfahrung in der Arbeit mit VueJS und deren CLI haben, haben Sie wahrscheinlich bereits eine PWA erstellt, ohne sich dessen bewusst zu sein. PWAs m\u00f6gen zwar strenge Anforderungen haben und wirklich gut funktionieren, aber mit ihnen ist es nicht mehr schwer, daf\u00fcr zu sorgen, dass die Seiten schnell und reibungslos funktionieren.<\/p>\r\n\r\n\r\n

Eine PWA ist keine sonderbare Technologie, die Sie sich selbst erarbeiten m\u00fcssen, indem Sie 12 verschiedene StackOverflow-Posts kombinieren. Es gibt viele gute Anleitungen, die erkl\u00e4ren, wie die Anwendungen zu schreiben sind und wie sie f\u00fcr jedes Betriebssystem optimiert werden k\u00f6nnen. Google hat einen super Leitfaden f\u00fcr die Erstellung einer ersten PWA ohne die Verwendung eines JS-Frameworks. Und so findet man viele Leitf\u00e4den f\u00fcr die verschiedensten Frameworks und Standards.<\/p>\r\n\r\n\r\n

Abschlie\u00dfend<\/h3>\r\n\r\n\r\n

PWAs sind genauso unsere Zukunft, wie sie auch unsere Vergangenheit sind. Google mag zwar den Begriff Progressive Web App<\/strong> gepr\u00e4gt haben, aber Steve Jobs hatte diese Vision bereits vor \u00fcber 10 Jahren. Schon bald werden Sie Ihre Native Apps mit JavaScript schreiben, ohne sich mit komplizierten Erstellungsschritten und frustrierenden App Stores rumschlagen zu m\u00fcssen. Mit nahezu vollst\u00e4ndigem Zugriff auf die native Funktionalit\u00e4t eines Ger\u00e4ts werden PWAs zwangsl\u00e4ufig die Nachfolge von Native Apps antreten und es m\u00f6glich machen, gro\u00dfartige Erlebnisse f\u00fcr Benutzer zu schaffen!<\/p>\r\n\r\n\r\n

\r\n\r\n

Dieser Artikel wurde im englischen Original von Stefan Dorresteijn<\/a> verfasst und auf <\/em>https:\/\/dev.to\/stefandorresteijn\/pwas-are-our-future-5591<\/em><\/a> ver\u00f6ffentlicht.<\/em><\/p>\r\n\r\n\r\n

Sie sind auf der Suche nach einer Progressive Web App Agentur <\/a>bzw. Progressive Web App Entwicklern<\/a>? Dann schreiben Sie uns eine Nachricht<\/a>, wir freuen uns auf Sie!<\/p>\r\n","protected":false},"excerpt":{"rendered":"

Unsere Experten sind zuversichtlich, dass Progressive Web Apps (PWAs) Native Apps abl\u00f6sen werden. Es ist sehr gut m\u00f6glich, dass mindestens 80% der neuen Nicht-Gaming-Anwendungen auf Smartphones mit Hilfe von Web-Technologien erstellt werden. PWAs gibt es bereits seit 12 Jahren Steve Jobs hat es bereits im Jahr 2007 vorausgesagt. Er hatte nicht nur Recht damit, wie […]<\/p>\n","protected":false},"author":5,"featured_media":6701,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0},"categories":[70],"tags":[107,71,72,108,73,79],"acf":[],"jetpack_featured_media_url":"https:\/\/kokoen.net\/wp-content\/uploads\/2019\/06\/Zukunftstrend-PWA.jpg","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/posts\/6020"}],"collection":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/comments?post=6020"}],"version-history":[{"count":0,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/posts\/6020\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/media\/6701"}],"wp:attachment":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/media?parent=6020"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/categories?post=6020"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/tags?post=6020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}