Arrow_Dropdownic_001_google+_16ic_002_xing_16Group 2ic_003_facebook_16ic_004_linkedIn_16Groupic_005_message_16ic_006_upload_16ic_007_remove_16ic_008_email_16ic_009_attachment_16ic_010_file_16ic_011_name_16ic_012_arrow_left_16ic_013_arrow_right_16ic_014_arrow_down_16ic_015_arrow_up_16ic_016_dropdown_arrow_down_16ic_016_dropdown_arrow_leftic_016_dropdown_arrow_rightic_017_K&C_dropdown_arrow_up_16ic_018_language_16ic_019_Quote_16ic_020_+_16ic_021_=_16ic_022_phone_16ic_023_twitter_16ic_024_position_16ic_025_company_16ic_026_search_16ic_027_mobile_16ic_028_fax_16ic_029_location_16ic_030_enlarge_16ic_031_downscale_16ic_032_contactic_download_normal_16pxic_033_skype_16ic_006_download_16 copySearchGroup 26Rss_font_awesomeK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxK&C_Icons_32pxic_agile_128ic_business_128ic_agile_white_128ic_banknote_smile_128ic_business_128ic_business_128ic_checkmark_128ic_client_team_manager_128ic_code_file_128ic_code_files_128ic_corporate_cloud_platforms_128ic_crossplatform_apps_128ic_dedicated_team_128ic_developer_128ic_development_team_128ic_enterprise_128ic_faster_timeframe_128ic_fixed_price_128ic_graph_down_128ic_graph_down_128ic_hourly_128ic_hourly_white_128ic_information_finder_128ic_junior_developer_128ic_managed_team_128ic_message_128ic_mobile_app_startups_128ic_mobile_development_128ic_mobile_development_up_128ic_mobile_devices_128ic_multiplatform_128ic_multiplatform_white_128ic_pricetag_128ic_project_checklist_128ic_project_management_128ic_project_management_team_128ic_research_and_development_team_128ic_scalable_team_128ic_senior_developer_128ic_smaller_codebase_128ic_smaller_price_128ic_startup_128ic_team_manager_128ic_three_times_faster_128Consul_VerticalLogo_FullColorPacker_VerticalLogo_FullColorTerraform_VerticalLogo_FullColorVault_VerticalLogo_FullColorethereum_black_64ic_Interest_based_64ic_acrivate_card_64ic_api_client_64ic_application_architecture_64ic_application_architecture_ white_64ic_application_development_user_64ic_application_development_user_64ic_arrow_down_64ic_automated_backups_64ic_automated_infrastructure_provisioning_64ic_automated_infrastructure_provisioning_white_64ic_automated_storage_64ic_automated_storage_64ic_automation_64ic_microservice_architecture_64ic_avaliability_across_the_world_64ic_avaliability_across_the_world_white_64ic_blockchain_64ic_blockchain_white_64ic_brackets_64ic_brackets_64ic_build_64ic_build_64ic_build_64ic_business_64ic_business_partnership_64ic_business_partnership_white_64ic_business_64ic_calculator_64ic_calendar_64ic_calendar_64ic_car_rent_64ic_card_renewal_64ic_chat_64ic_chat_bubbles_64ic_chat_bubbles_64ic_chat_white_64ic_checklist_64ic_checkmark_64ic_blockchain_64ic_smart_development_64ic_blockchain_consulting_64ic_checkmark_white_64ic_clock_64ic_clock_white_64ic_cloud_media_64ic_cloud_solutionsic_cloud_solutions_whiteic_cluster_64ic_cluster_white_64ic_code_base_optimization_64ic_coding_64ic_coding_white_64ic_commenting_widget_64ic_commenting_widget_64ic_containers_64ic_containers_white_64ic_continious_64ic_continious_delivery_64ic_continious_delivery_white_64ic_continious_release_64ic_continious_release_white_64ic_continious_white_64ic_cost_saving_64ic_cost_saving_white_64ic_cpu_load_64ic_credit_card_64ic_crossplatform_app_development_64ic_crossplatform_app_development_white_64ic_custom_crm_64ic_custom_crm_64ic_independence_consulring_64ic_database_calls_64ic_database_calls_white_64ic_dedicated_teams_64ic_dedicated_teams_64ic_desktop_application_user_64ic_desktop_application_user_64ic_desktop_code_64ic_desktop_code_white_64ic_developer_64ic_developer_white_64ic_development_64ic_devops_64ic_devops_64ic_documents_64ic_documents_graph_64ic_documents_graph_white_64ic_documents_white_64ic_download_presentation_64ic_education_64ic_email_open_64ic_email_open_white_64ic_environment_healthcheckethereum_white_64ic_euro_64ic_euro_white_64ic_failure_solved_64ic_gdpr_64ic_globe_outlines_64ic_good_quality_64ic_high_load_websites_64ic_high_load_websites_white_64ic_hotel_booking_64ic_inability_64ic_inability_white_64ic_increase_64ic_increase_white_64ic_increasing_team_64ic_independence_64ic_integration_64ic_it_outsourcing_64ic_it_outsourcing_64ic_knowledge_sharing_64ic_mobile_devices_64ic_laptop_user_64ic_laptop_user_white_64ic_launch_64ic_launch_white_64ic_learning_64ic_learning_two_white_64ic_lighthouse_64ic_link_64ic_load_balancer_64ic_load_balancer_64ic_load_card_64ic_lock_64ic_lock_white_64ic_low_cost_64ic_low_load_websites_64ic_maintenance_tools_64ic_maintenance_tools_white_64ic_media_player_64ic_media_player_white_64ic_messaging_platforms_64ic_microservice_architecture_64ic_microservices_64ic_microservices_64ic_mobile_app_64ic_mobile_app_64ic_mobile_content_64ic_mobile_development_64ic_mobile_development_white_64ic_mobile_devices_64ic_mobile_devices_white_64ic_mobile_payments_64ic_mobile_social_media_applications_64ic_mobile_workflows_64ic_money_transfers_64ic_multimedia_sharing_64ic_multimedia_sharing_white_64ic_my_garage_64ic_no_access_64ic_no_access_white_64ic_no_oldschool_64ic_online_marketplaces_64ic_online_marketplaces_white_64ic_online_trading_64ic_online_trading_64ic_pair_device_64ic_parallels_64ic_parallels_white_64ic_passcode_64ic_payment_systems_64ic_performance_64ic_performance_issues_64ic_performance_issues_white_64ic_performance_white_64ic_plane_64ic_plane_white_64ic_plus_64ic_plus_64ic_pricetags_64ic_pricetags_64ic_product_64ic_product_search_64ic_product_white_64ic_productivity_tools_64ic_productivity_tools_64ic_project_delivery_64ic_project_delivery_white_64ic_project_management_64ic_project_management_collaboration_64ic_project_management_team_64ic_project_management_team_white_64ic_project_risks_reduced_64ic_quality_mark_64ic_quality_mark_64ic_quality_mark_white_64ic_question_64ic_react_native_64ic_response_time_64ic_response_time_white_64ic_rest_api_64ic_retail_64ic_transparency_consulting_64ic_scale_up_64ic_scale_up_white_64ic_security_64ic_security_64ic_self_healing_64ic_self_healing_64 copyic_send_money_64ic_server_64ic_server_white_64ic_shopping_64ic_shopping_white_64ic_sleep_mode_64ic_small_is_beautiful_64ic_smaller_price_64ic_social_benefits_64ic_social_connections_64ic_socket_64Group 20ic_spare_parts_for_cars_64ic_spare_parts_for_cars_white_64ic_speedometer_64ic_performance_consulting_64ic_speedometer_white_64ic_startup_64ic_startup_white _64ic_target_64ic_team_64ic_testing_64ic_testing_checklist_64ic_testing_checklist_white_64ic_testing_white_64ic_three_times_faster_64ic_touch_64ic_touch_id_64ic_touch_white_64ic_transparency_64ic_ui_design_desktop_64ic_ui_design_mobile_64ic_ui_design_mobile_white_64ic_umbrella_64ic_umbrella_64ic_umbrella_white_64ic_up_and_down_scaling_64ic_up_and_down_scaling_64ic_users_64ic_users_white_64ic_ux_design_64ic_ux_design_desktop_64ic_ux_design_64ic_ux_design_white_64ic_vehicle_64ic_web_based_search_64ic_web_based_search_white_64ic_web_browser_code_64ic_web_browser_developer_mode_64ic_web_browser_user_64ic_web_development_64ic_web_development_white_64ic_web_portals_64ic_web_portals_64ic_web_user_64ic_web_user_white64ic_workflow_64ic_workflow_steps_64ic_workflow_steps_white_64ic_workflow_white_64ic_working_environment_64solidity_blackGroup 19

Web-Anwendungen ziehen mit Mobile-Apps gleich

Seit April dieses Jahres hat Safari zu klassischen Browsern aufgeschlossen. Er unterstützt nun WEB-APIs, die notwendig sind, um Offline-Web-Apps zu realisieren.

 

Die moderne Web-Plattform wurde um zahlreiche Features erweitert:

-Die Browser wurden grundlegend überarbeitet. Sie unterstützen nun erweiterte Funktionen auf dem Level mobiler Plattformen.

-Zahlreiche Technologien wurden mit optimierten Schnittstellen neu konfiguriert, um den aktuellen Anforderungen von Anwendern, Entwicklern und Behörden gerecht zu werden.

-App-Updates erfordern nicht mehr den Download umfangreicher binärer Dateien. Es werden nur kleine Teile heruntergeladen, welche für die aktuell genutzte Funktionalität erforderlich sind. Diese werden für Offline-Interaktionen dynamisch zwischengespeichert.

 

Hierdurch eröffnen sich neue Möglichkeiten für die User Experience, die im Übrigen von vielen Unternehmen bereits seit geraumer Zeit genutzt werden.

Einsatzmöglichkeiten und Reichweite - die wichtigsten Faktoren für jede App

Bis Web-Technologien und HTML eine solide Basis für Apps darstellten, war es ein langer Weg. Ende der 2000er Jahre waren Web-Plattformen für einen universellen Einsatz noch nicht komplett ausgereift. Investitionsentscheidungen gingen daher in eine andere Richtung.

 

Heute werden die beliebtesten Apps mit nativen Android- oder iOS-Schnittstellen realisiert, die auf Java/Kotlin oder Objective-C/Swift basieren.

 

Die Entwicklung im Web schreitet jedoch unaufhörlich voran. Enorme Veränderungen ergaben sich durch einen Schachzug von Apple, der diesmal Safari betraf.

MEHR

Möglicherweise können Sie sich vorstellen, dass Apps nun über optimierte Benutzeroberflächen verfügen und noch bessere Erfahrungen ermöglichen. Störungsfreie Animationen, verbesserte Reaktionsfähigkeit auf intuitive Gesten und exzellente Leistung, die nicht von den Netzwerkbedingungen abhängt - all das klingt hervorragend und wird von den Anwendern heute fast schon erwartet. Eine weitere Veränderung ergab sich jedoch auch in der Entwicklung.

 

Bisher fehlten in Web-Technologien die Kernfunktionen für App-Entwickler. Nun wird das Web dazu befähigt, wodurch völlig neue Möglichkeiten entstehen.

 

Auf dieser Grundlage rücken Web-Apps oder PWA (Progressive Web-Apps) näher an eine neue Generation der App-Entwicklung und Web-Technologie heran. Traditionelle Browser decken zunehmend die gängigsten Funktionen mobiler Anwendungen ab und erweitern sie nun um Features einer Web-Plattform:

-Längst hat das Web Mobile Apps abgelöst, was die Auffindbarkeit von Inhalten betrifft

-Payment-Request- (https://developers.google.com/web/fundamentals/payments/) und Credential-Management-APIs (https://developers.google.com/web/fundamentals/security/credential-management) ermöglichen mittlerweile „One Tap“ und die Fingerabdruck-Bestätigung beim Shoppen sowie in Authentifikationsverfahren

-APIs für Web-Push-Nachrichten sind entwicklerfreundlicher

-Komplexe Animationen, die an Hardware ausgelagert werden, ermöglichen eine optimierte Performance im Bereich gestenbasierter Interaktionen

 

Alle diese Funktionen werden plattformübergreifend realisiert. Darüber hinaus kommen Web-Apps mit schlanken Downloads der tatsächlich benötigten Funktionalitäten aus. Sie sind aber dennoch in vollem Umfang offline verfügbar. Die kleinteiligen App-Chunks werden fortlaufend aktualisiert. Neue Funktionen werden bereitgestellt, ohne dass umfangreiche App-Store-Reviews notwendig sind.

 

Mit Web-Technologien ist es möglich, sämtliche Anwendungen als Konstrukt kleinerer Apps zu handhaben, wobei jede von ihnen einen eigenständigen Teil der Funktionalität beinhaltet.

 

Es existieren zahlreiche weitere Web-APIs, die native iOS- und Android-Plattformen mit Browsern zusammenführen. Ein gutes Beispiel finden Sie hier: [Was im Web bereits möglich ist](https://whatwebcando.today/). Praktische Beispiele für den Einsatz neuester Web-APIs sind außerdem in [diesem Abschnitt]( https://developers.google.com/web/fundamentals/native-hardware/user-location) der Grundlagen-Infos von Google verfügbar.

 

Google Chrome hat die Entwicklung in diesem Bereich seit 2014 vorangetrieben. Die Firefox-Community hielt Schritt. [Edge] (https://twitter.com/tomayac/status/960963468756180993) und [Safari] (https://twitter.com/addyosmani/status/979606651429822464) haben ebenfalls massiv investiert, um ihre Engines neu auszurichten und zu überarbeiten. Zudem hat Safari mit der Integration der Basis-Technologie Service Worker API begonnen.

 

Endlich sind wir an dem Punkt angelangt, an dem Offline-Web-Apps massentauglich sind.

Service Workers: Web Worker in parallelen Threads

Dank Service Workers ermöglichen moderne Web-Apps folgende Aspekte:

-Ein Startbildschirmsymbol, das die Web-Anwendung im Vollbildmodus als native App öffnet

-Native Dialoge zum Hinzufügen der App zu Startbildschirmen mit nur einem Klick

-Eine performante und interaktive App, die selbst bei unzuverlässigen Netzwerkverbindungen funktioniert

-Push-Nachrichten, die User zurück in die App holen

 

Der Service Worker ist eine Art Web Worker, der Ressourcenanforderungen und Serverbenachrichtigungen von Apps in einem parallelen Thread oder im Hintergrund verarbeitet, wenn die Anwendung im Haupt-Thread läuft oder komplett inaktiv ist. Service Workers ermöglicht es, die Hintergrundkommunikation mit Servern zu organisieren und Aufgaben einzuplanen. Sie können sich die Technologie als parallelen Webservice vorstellen, der gemeinsam mit Ihrer App auf dem Client läuft.

 

Service Workers fängt App-Requests ab und ermöglicht Folgendes:

-Nutzen der Cache-Speicher-API für App-Ressourcen (z. B. HTML, CSS, JS und Bilddateien)

-Durchführen von Requests mittels Fetch API

-Daten via IndexedDB API speichern

-Reagieren auf abgefangene Requests mit einer definierten Caching-Strategie

 

Jeder Request kann mit den zwischengespeicherten Daten und Ressourcen versorgt werden - unabhängig davon, ob die Netzwerkverbindung stabil oder unterbrochen ist. Die Implementierung dieser Art des Cache-Managements wäre mit nativen App-Technologien wesentlich komplexer. Zudem müssten die Anwender sämtliche App-Ressourcen schrittweise herunterladen. Aus Sicherheitsgründen kann Service Worker nicht direkt auf das DOM zugreifen und nutzt die postMessage-Schnittstelle, um mit den entsprechenden Seiten zu kommunizieren und DOM-Updates anzufordern.

 

Von diesen neuen Features profitieren Entwickler:

-PWAs ermöglichen das Pre-Caching von Teilen der Web-Anwendung, sodass der Start beim nächsten Öffnen unverzüglich erfolgt

-Es lassen sich mehrere Caches verwalten

-Der Daten-Traffic kann minimiert werden, indem Sie vorgeben, welche Anforderungen vom Cache, aus einem lokalen Speicher oder via Netzwerk versorgt werden

-Das Speichern von Daten im Offline-Zustand ist möglich. Die Daten werden übertragen, sobald der Nutzer wieder online ist.

-Die Speichernutzung ist effizienter, da der Browser Service Workers startet und bei Inaktivität beendet.

 

Sie möchten mehr erfahren? Dann sehen Sie sich den kürzlich veröffentlichten [PWA-Kurs] (https://developers.google.com/web/ilt/pwa/) von Google an. Er liefert einen hervorragenden Überblick über die wichtigsten applikationsbezogenen Web-APIs und stellt einen guten Ausgangspunkt für erste Schritte dar. Wir empfehlen außerdem diese [Video-Reihe] (https://www.youtube.com/watch?v=z2JgN6Ae-Bo&index=1&list=PLNYkxOF6rcICnIOm4cfylT0-cEfytBtY) aus dem vergangenen Monat. Sie liefert detaillierte Einblicke in die Möglichkeiten von Web-Anwendungen.

Was erwarten mobile Nutzer heute?

Zurück zur Kernfrage: Diese Anforderungen haben Benutzer an eine moderne App:

-Schnelligkeit. Reibungslose Animation, ruckelfreies Scrollen und reibungslose Navigation

-Integration ins Betriebssystem. Die App wird vom Startbildschirm aus geöffnet. Der User muss hierfür keinen Browser nutzen. Die volle Leistungsfähigkeit des Endgeräts wird ausgenutzt.

-Zuverlässigkeit. Schnelles Laden und Offline-Verfügbarkeit in instabilen Netzwerken

-Fesselnd. Senden von Push-Nachrichten, um Nutzer bei relevanten Ereignissen an die App zu erinnern.

 

Dies entspricht dem „FIRE-Konzept“ (per Google-Definition) - und nun können all diese Möglichkeiten von Entwicklern genutzt werden.

 

Bisher entwickelte Single-Page-Applikationen ziehen auf diese Weise mit nativen Apps gleich. Sie werden zu Web-Apps.

 

PWAs werden in der Regel im Rahmen einer Application Shell entwickelt. Diese enthält lokale Ressourcen, die die Web-App benötigt, um das Grundgerüst der Benutzeroberfläche zu laden. Die offlinefähige Methode versucht zudem, den nächsten Inhalt mittels gecachtem JavaScript abzurufen. Auf diese Weise wird der Seiteninhalt dynamisch geladen, während der Benutzer durch die App navigiert. Der Content ist somit zuverlässig und unverzüglich auf dem Bildschirm des Benutzers verfügbar.

 

Das Frontend entwickelt sich mit zunehmender Geschwindigkeit. Mittlerweile können Web-Apps über folgende Wege bereitgestellt werden: SSR (serverseitiges Rendering), CSR (Client-seitiges Rendering), hybride Methoden, Pre-Rendering, Cache-Snapshots und Streaming. In diesem Umfeld führt kaum ein Weg an einem Frontend-Architect vorbei.

Wie werden die Technologien von Unternehmen eingesetzt?

Laut Google verbringen Benutzer im Bereich nativer Apps 80 Prozent ihrer Zeit in ihren persönlichen Top 3 Applikationen. Ja, in nur 3 Apps! Chrome-Benutzer auf Android besuchen hingegen 100 Seiten pro Monat. 2 von 3 Einkäufen auf dem Handy finden im Web statt - nicht in nativen Apps! Nicht zuletzt sind die Kosten der Kundengewinnung dank der Auffindbarkeit über Suchmaschinen bei Web-Apps deutlich geringer.

 

Die größte Herausforderung im Software-Umfeld ist die Bereitstellung

 

Zahlreiche Beispiele zeigen, dass PWAs völlig neue Erfahrungen hinsichtlich der Bereitstellungsgeschwindigkeit ermöglichen. Das Ziel ist es, Anwender zur Nutzung des Dienstes zu bewegen - nicht jedoch zur Installation der App. Dank PWA gelangen Nutzer von einer Landingpage direkt zur App. Eine Installation ist nicht notwendig.

 

Unternehmen sind in der Lage, ihren Kunden Online-Services anzubieten, wobei die komplizierte App-Store-Registrierung und der umfangreiche Bereitstellungsprozess entfallen. Apps können zudem ohne Zeitverlust upgedatet werden.

 

AliExpress realisierte mit PWA einen massiven Anstieg der Verweildauer auf seiner Seite (74 Prozent). Die Anzahl der aufgerufenen Seiten verdoppelte sich. Darüber hinaus ist die Nutzererfahrung bei Anwendern mit eingeschränkter Browser-Unterstützung immer noch zielführend. Dies hat es AliExpress ermöglicht, die Conversion-Rate über iOS (mit der alten Cache-API!) um 82 Prozent zu steigern!

 

Sie denken darüber nach, Offline-Funktionalitäten und Web-Features zu integrieren? Dann stehen Ihnen folgende Möglichkeiten zur Verfügung:

-Von Grund auf neu entwickeln

-Mit einer anderen Version einsteigen

-Auf ein einzelnes Feature konzentrieren

 

Ein weiteres Beispiel aus dem E-Commerce ist Konga. Das Unternehmen agiert in Afrika - dort ist Datennutzung teuer. Konga begann komplett von vorne und entwickelte Web-Kataloge sowie Check-Out-Funktionen, um offline verfügbar zu sein. Der Fokus lag klar auf der Minimierung des Datenvolumens. Im Vergleich zur nativen App des Anbieters verursachte das initiale Laden 92 Prozent weniger Auslastung. Das Datenvolumen für die erste Transaktion war 82 Prozent geringer.

 

Ein anderer Ansatz besteht darin, eine zweite Version einer Website oder gar ein einzelnes Feature zu entwickeln, um einen bestimmten Bereich oder eine definierte User-Journey zu optimieren. Air Berlin hatte nicht die Möglichkeit, PWA flächendeckend einzuführen. Man konzentrierte sich also auf die Nutzererfahrung nach der Buchung. Die Nutzer des Unternehmens haben wenig Zeit. Am Flughafen benötigen sie einen schnellen Zugriff auf den Reiseplan, ihre Bordkarte und Informationen zum Reiseziel. Wenn Sie heute mit Air Berlin fliegen, werden Sie feststellen, dass die Ladezeit für diese Informationen weniger als eine Sekunde beträgt - selbst ohne Internetverbindung. Der Ansatz ist schnell, zuverlässig und überzeugend.

 

Mit „Twitter Lite PWA“ reihte sich vor einigen Jahren auch Twitter in die Riege von Unternehmen ein, die mit Offline-Features in Web-Apps experimentieren. Die App-Größe des Anbieters reicht von 24 MB (Android) über 214 MB (iOS) bis hin zu 0,6 MB für die Web-App. Die Web-Variante verzeichnet gleichzeitig die meisten aktiven User.

 

Eine moderne Browser-IDE-CodeSandbox kompiliert JavaScript-Projekte mit Webpack und Babel direkt aus Github mithilfe von Service Workers im Browser. Dies ermöglicht es, offline zu entwickeln und online zusammenzuarbeiten.

 

Sie möchten mehr erfahren? Finden Sie heraus, welche Webseiten Sie mit Chrome besucht haben, die Service Workers verwenden: chrome://serviceworker-internals

Einige Hürden bestehen nach wie vor

Ist somit der Weg frei? Nicht ganz. Aktuell bestehen folgende Herausforderungen:

-Es existiert immer noch kein Web-Push oder Background-Sync auf iOS. Safari muss noch einige Fehler beheben - darunter das erneute Laden von Apps nach Inaktivität. Das aktuelle Engagement deutet jedoch daraufhin, dass diese Probleme relativ schnell behoben sein sollten.

-Der Speicherplatz für Web-Anwendungen muss kleiner sein, als dies bei nativen Apps der Fall ist. Es ist demnach ein verantwortungsvoller Umgang mit dem genutzten Gerätespeicher erforderlich.

-Die Integration mit mobilen Betriebssystemen muss stärker vorangetrieben werden, um eine weitere Harmonisierung von applikationsbezogenen Web-APIs und nativen Schnittstellen zu realisieren.

-Natürlich existiert keine ideale Entwicklungsumgebung. Die verfügbaren APIs sind noch nicht vollständig implementiert und entsprechen nur teilweise den Spezifikationen sämtlicher herkömmlicher Browser. Das Umgehen von Fallstricken erfordert in diesem Kontext spezielles Know-how.

 

Hier finden Sie einen guten Vergleich von [Service-Worker-basierten APIs] https://jakearchibald.github.io/isserviceworkerready/ von Jake Archibald. Interessant sind zudem die aktuellen Reviews aus [Tests auf iOS und Android] (https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a), welche die zentralen Probleme aufgreifen.

Web-Apps auf dem Vormarsch

Im Web-Bereich wurden in den vergangenen ein bis zwei Jahren vermutlich die meisten Technologien, Schnittstellen und Frameworks entwickelt und wieder verworfen. Die Entwicklungszyklen sind hierbei kurz. JavaScript wird jedes Jahr aktualisiert. Open-Source-Communities leisten Enormes. Und Sie haben die Möglichkeit, sich täglich via Twitter über wirklich belastbare Neuentwicklungen zu informieren.

 

Die Browser stehen in den Startlöchern. Sie werden auf den Home-Screens mobiler Endgeräte bald weitaus mehr leisten.

 

Wenn Sie weitere Fragen zur PWA-Entwicklung haben, wenden Sie sich gerne an das Team von K&C. Wir befassen uns derzeit aktiv mit diesem Themenbereich.

SHARE WITH FRIENDS
You might find this interesting
Our cases
Bosch Classic Cars - Digital Engagement Platform for 19K Vintage Car Owners
Our cases
Liferay Portal Performance Tuning Services for a Major Online Gaming Software Supplier
Our cases
How to apply React Native while developing heavy cross-platform mobile apps
E-book
How to Secure Web Product Development — FREE eBook
E-book
Digital Transformation: the Philosopher’s Stone of Economic Growth
Our cases
Reference: Major producer of auto electronics and spare parts
Our cases
Micro-service Architecture for New AngularJS Application - Case Study
Our cases
Portal Performance Tuning For Major German Travel Agency
E-book
Top Tools for Cost-Effective Web Development — eBook
Our cases
Reformation of Deployment Cycle for Bosch Classic Cars Portal
Our cases
Fast and Lightweight Mobile Application based on PhoneGap/ Cordova
Our cases
Drivelog.de — Web Marketplace for Car Owners and Service Providers
E-book
Determining Approaches to Mobile App Development
Our cases
The Platform Providing Event Organization
Our cases
VAIX - Fault tolerant infrastructure for 24/7 high-load machine learning service
Web,DevOps,Our cases
Our case: Marketplace for gaming goods
Web
Fintech Apps - A Lucrative Solution for Customers and Businesses Alike
Web
A Guidance for Keeping Your Web Development Project Within the Budget: Three Key Pillars
Web
Advanced Technologies for Marketing Automation
Other
I’m Tired of Blockchain Hype, Are You?
DevOps
How We Use Ansіble for Configuration of Our Environments
Mobile
Reasons to believe in Ionic hybrid app
Web
Agile and DevOps are Key Drivers of Digital Transformation
Web
Scaling software solutions - how it works
Other
Don’t Treat Me Like a Fool: The worst thing you can do for your business
Web,Other
How to Make Your Web Solution Rock: 7 Areas to Check
Mobile
Native or Hybrid Apps: A Quick Comparison
Web,Outsourcing,Amazon Web Services
DEBUGGING AWS LAMBDA FUNCTIONS
Other
Europe’s Big Payments Directive PSD2
Web,Amazon Web Services
Monolith, Microservices, Serverless... Are We in the Middle of the Way?
DevOps,Outsourcing
Rancher 2.0: A Quick Look at the New Version
Web
Web App Security 101: How to Defend Against a Brute Force Attack
Web
JQuery vs. Angular: Ad Astra per Aspera
DevOps
Kubernetes backup with Heptio Ark
Web,Outsourcing,Other
Angular vs. React vs. Vue – Let the Fight Start!
Web,Other
Progressive Web Apps and Why You May Need Them
DevOps
How to Build a Rancher & Docker Based Cloud
Outsourcing
The BPM in the Microservice Environment
Web,Outsourcing
Angular 6 Will Be A Hit
DevOps
Installation and setting up: Nextcloud as a local network storage on CentOS7
Web,Outsourcing,Other
JavaScript & WebSockets: How to Build Real-Time Applications
Web,Outsourcing,Other
Angular 5 VS React.js – Who’s Going to Set the Tone in the Upcoming Year?
Web
Microservices… when do we need them?
Web
Plan to Succeed: 4 Tips for Building Scalable Software
Web
Cloud Deployment: Overview of Options
Other
How to Convert Your Business to an Amazon-Style Market Leader
DevOps,Other
Security in Kubernetes and How Companies Can Benefit from It
Our cases
How to Save Money Using Your Own Infrastructure
Other
Swimming with Sharks
Web,Outsourcing
Node.js vs. Angular.js – Two Sides of the Same Coin
DevOps
How We Manage Our Infrastructure with Chef
Other
GDPR: Smart Practices
Web,Outsourcing
ANGULAR 6 versus REACT 16.3
Web,Outsourcing,Other
JS Frameworks: The Trendiest Frameworks You Should Know
Web,Outsourcing
Angular 6 vs. Ember 3
Web
What's New in React 16.3.0 - 16.4.2: Features Overview
Web,Other
JAMSTACK IS THE NEW FACE OF STATIC SITES
Web
Angular 4 vs React – what to choose in 2017
Web
Technologies that Foster Digital Transformation
Web
When Microservices Help Make Future-Ready Products
DevOps,Outsourcing,Other
ROCKET.CHAT as an internal messaging system and helpdesk platform
Web,DevOps,Outsourcing
DevOps als DevSecOps – Integrierter Schutz vor Bedrohungen ohne Termin- und Budgetüberschreitung
DevOps,Outsourcing
AWS DevOps: A New Way to Run Business
DevOps
DevOps As DevSecOps – Full Integration of Threat Protection Without Compromising Deadlines of Budgets
DevOps
How to start services on Linux
Web,Outsourcing,Other
Angular 5.0.0 – A Better Version of Itself
Web,Mobile,Back-end,Amazon Web Services
Why Enterprises Choose Serverless Architecture
Web
Centralized Logging with Logstash, Elasticsearch & Kibana
Other
Big Data: Why Your Business Needs it ASAP
Outsourcing,Testing
Die Rolle des QS-Teams in Software-Projekten
Other
Culture eats technology for breakfast
Web,Outsourcing,Other
How a Company Can Benefit from White Label: K&C experience
Web,Outsourcing
Migration from Angular 1 to Angular 5
DevOps,Amazon Web Services
Kubernetes at the Forefront of Secure Microservices Future
Web,Other
Dedicated Teams for Web Development: Choice Criteria to be Checked
Outsourcing,Other
How to Ramp up Your Team Wisely
Web,Outsourcing,Testing
QA for CxOs: How to Hire and Outsource
DevOps
Hashicorp in Kubernetes: The short guide for Consul & Vault
Web
Three Authentication Approaches to Keep Your Clients Safe
DevOps,Outsourcing,Other
How to setup Kubernetes cluster on AWS
Web,Outsourcing,Testing
Sicherheit für Web-Anwendungen - dank Threat Modeling
Web
Node.js 10.0.0: Everyone’s Favorite Got Even Better
Outsourcing,Other
Hybrid, SaaS+PaaS, IoT: Cloud Trends to Catch in 2018
DevOps
Docker: Virtualize Your Development Environment Right
Web,Mobile,Outsourcing,Other
All You Wanted to Know About Chatbot Platforms
Web,Outsourcing
Why It’s Better to Use Vue.js than Angular and React in 2018
DevOps
What to Choose: NFS or CEPH?
Testing
What Is Quality Assurance and Why You Need It Immediately
Web
Debunking imaginary shortcomings of cross-platform frameworks
Web,Our cases
White Label: A Customized Software Solution from a Business and Tech Perspective
Web
Angular 2.0 vs Angular 1.4. What fits you best?
Other,Marketing
How to Become a Leader in Your Market
DevOps
Use case: how to build and run Docker containers with NVIDIA GPUs
Web
All You Need to Know About Web App Security Now
Web
Cost efficient technologies
DevOps
DevOps: Kubernetes Federation on Google Cloud Platform
Web,Other
SSR or CSR for Progressive Web App
Web
A secret formula of an agile dream team
Web
SEO Tips & Tricks for Single Page Web Applications
DevOps
DevOps with Puppet: Tips on Setting it up for Configuring Servers
Outsourcing
SCALED AGILE FRAMEWORKS: YOUR COMPLETE GUIDE TO WHICH, WHY AND HOW
Web
K&C insights: how to make your workflow work for you
Web
4 Time-Saving Ways to Test Your Cross Platform Mobile App
DevOps,Outsourcing,Amazon Web Services
Information Security with AWS DevOps
Outsourcing,Testing
How the QA Team Tests Your Project
Marketing
Аudience-based Marketing
Other
Ember, jQuery, Angular, React, Vue: What to Choose?
Web,Other
GoLang: Features, Pros and Cons
Web,Outsourcing
How to Control Agile Development: Progress and Costs
Outsourcing,Other
Fortschritt und Kosten im Griff: agile Software-Entwicklung unter kontrollierten Bedingungen
Web,Outsourcing,Other
Golang vs. Node.js
Web,Mobile,Back-end,Amazon Web Services
Serverless Architecture for Modern Apps: Stacks Providers & Caveats
DevOps
Setting Up: Traefik Balancer In Rancher Cloud
Web,Outsourcing
Angular 7 vs React
Other
The Power of the Holistic Business Analysis
Web,Outsourcing,Testing
Web App Security 101: Keep Calm and Do Threat Modeling
Web
How to Motivate Your Dedicated Team to Work with Legacy Projects