Entwicklung

Tipp: Öffnet beim ersten mal die APP direkt im Chrome-Browser und installiert die PWA. Beim nächsten öffnen von hier aus startet sofort die PWA (mobil).

Entwicklung (23)

  • SitePoint Forums

    Eine Community für Webdesigner und Entwickler, in der alles von HTML, CSS, JavaScript, PHP bis hin zu Photoshop, SEO und mehr diskutiert werden kann.

    SitePoint Forums

    Gleich da...
    28
  • webpack

    webpack ist ein Modul Bündler. Der Hauptzweck besteht darin, JavaScript-Dateien für die Verwendung in einem Browser zu bündeln. Es ist jedoch auch in der Lage, nahezu jede Ressource oder jedes Asset zu transformieren, zu bündeln oder zu verpacken.

    webpack

    Gleich da...
    26
  • Unsplash

    Schöne, kostenlose Bilder und Fotos, die Sie herunterladen und für jedes Projekt verwenden können. Besser als lizenzfreie Fotos oder Fotos auf Lager.

    Unsplash

    Gleich da...
    21
  • TexLab

    LaTeX Sprachen Server

    TexLab

    Gleich da...
    11
  • Android Developers

    Die offizielle Seite für Android App Entwickler. Bietet die Android SDK-Tools und die API-Dokumentation.

    Android Developers

    Gleich da...
    3
  • PWA Wiki

    Informationen rund um PWAs, im Wiki Style

    PWA Wiki

    Gleich da...
    3
  • Angular PWA Guide

    Progressive Web Apps, die mit Angular lächerlich einfach gemacht wurden

    Angular PWA Guide

    Gleich da...
    3
  • Google Developers

    Alles, was Sie brauchen, um bessere Apps zu erstellen.

    Google Developers

    Gleich da...
    1
  • DevDocs API

    Schneller, offline und kostenloser Dokumentationsbrowser für Entwickler. Durchsuchen Sie mehr als 100 Dokumente in einer Web-App: HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C ++…

    DevDocs API

    Gleich da...
    1
  • closerintime

    Zeitvergleiche zwischen historischen Ereignissen.

    closerintime

    Gleich da...
    1
  • Dev.Opera

    Dev.Opera behandelt aktuelle und zukünftige HTML-, CSS- und JavaScript-Funktionen und -Implementierungen, responsives Webdesign, Browsererweiterungen und mehr.

    Dev.Opera

    Gleich da...
  • AMP framework

    - Ein Webkomponenten-Framework, mit dem Benutzererfahrungen auf einfache Weise erstellt werden können.

    AMP framework

    Gleich da...
  • Samsung Dev Hub

    Samsung Internet Dev Hub, blog, resources, demos and documentation

    Samsung Dev Hub

    Gleich da...
  • PWA Stats

    Eine Sammlung von Progressive Web App-Fallstudien.

    PWA Stats

    Gleich da...
  • Chrome Status

    Hier sieht man den Fortschritt der Entwicklung vom Chrome-Browser.

    Chrome Status

    Gleich da...
  • Japanese Phrasebook

    ⛩ 100% kostenlose japanische Sprachführer-App für Reisen und Offline-Nutzung. Fügen Sie es Ihrem Startbildschirm hinzu und greifen Sie auf über 670 wichtige Sätze in 19 Themen zu. Erfordert keine Internetverbindung und bietet Sprachsynthese, sodass Sie wissen, wie man japanische Phrasen richtig ausspricht.

    Japanese Phrasebook

    Gleich da...
  • Kurt Lourens

    Kurt Lourens CV Website. Red Ruby IT-Mitinhaber. Südafrikanischer Software-Ingenieur in Johannesburg. Listet Erfahrungen, Zertifikate und Karriereentwicklung auf

    Kurt Lourens

    Gleich da...
  • Firebase

    Firebase ist die mobile Plattform von Google, mit der Sie schnell hochwertige Apps entwickeln und Ihr Geschäft ausbauen können.

    Firebase

    Gleich da...
  • Firefox Status

    Hier sieht man den Fortschritt der Entwicklung von Mozilla Firefox.

    Firefox Status

    Gleich da...
  • Fuchsia DEV

    Fuchsia is Fuchsia.

    Fuchsia DEV

    Gleich da...
  • GitHub Status

    Eine Website zur Überwachung von GitHub-Statusaktualisierungen.

    GitHub Status

    Gleich da...
  • Google Image Labeler

    Trainieren Sie die Bilderkennung von Google mit der Kennzeichnung von Bildern.

    Google Image Labeler

    Gleich da...
  • GO Hub

    Datenbank: die größte und genaueste Pokemon GO Datenbank der Welt

    GO Hub

    Gleich da...

Entwicklungs APP

Mit einer progregssiven Web App werden die Features einer nativen App in einen Browser gebracht. Hierzu gehör auf der Seite der Entwicklung die Offline Nutzung, die Installation am Homescreen, Caching, Push-Benachrichtigungen und vieles mehr. Diese Optionen sind möglich und sorgen vor allem dafür, dass sich die mobile Webseite für die Nutzer wie eine App anfühlt. Vor allem der Google Play Store realisiert mit seinem Chrome-72-Update den Wunsch vieler Nutzer, progressive Web Apps auch im App Store anzubieten. Jener Aspekt ist ein erheblicher Fortschritt, da dies bislang nur den nativen Apps vorbehalten war. Dies macht die App schon bei der Entwicklung viel interessanter und verschafft zudem mehr Reichweite. Viele Unternehmen setzen schon jetzt auf die PWA, wie beispielsweise der Musikstreaminganbieter Spotify oder das Netzwerk LinkedIn.
Progressive bedeutet, dass eine Anwendung progressiv, also mit Features in der Entwicklung erweitert wird, sofern der Webbrowser diese auch unterstützt. Da PWAs vor allem mit Standard-APIs arbeiten, kann hierbei erkannt werden, welche Features der Webbrowser umfasst, um diese zu aktivieren. Steht dem Webbrowser ein solches Feature nicht zur Verfügung, dann wird dies dem Nutzer mitgeteilt. Hierdurch können PWAs auch in älteren Browserversionen mit eingeschränktem Umfang laufen.
Responsive Anwendungen besitzen bei der Entwicklung ein Layout für alle Geräte- und Formfaktoren – unabhängig davon, ob es sich hierbei um Desktop- oder mobile Geräte handelt. Die PWAs werden in Webtechnologien entwickelt, die Anwender installieren die App dann direkt über die Webseite und verwenden diese wie eine native App über das bekannte Homescreen-Icon.
Wenn die Anbieter auf den mobilen Geräten mit einer eigenen App präsent sein wollten, bedeutet dies in aller Regel, dass wenigstens zwei mobile Plattformen hiermit bedient werden sollten. Über spezielle CrossPlatform-Konzepte und die noch recht neue Technologie der PWAs lässt sich dieser Aufwand für verschiedene Anwendungsfälle umgehen.

ajax-loader