2017-07-26 3 views
0

Ich mag würde wissen, ob Sie eine progressive Web-App-Vorlage empfehlen kann ich aus dem Grund verwenden können.Progressive Web App Vorlage

Wie ich bin neu in diesem freue ich mich etwas, dass es von einem Starter verwendbar und nicht vorher Programmierung, komplexe Terminal Anweisungen erfordert und Befehle zu installieren und zu nutzen.

Antwort

1

Sehen Sie dieses PWA Beispiel auf GitHub.

https://github.com/steffstefferson/pwa-example

Es ist eine einfache Beispiel-Anwendung, die damit zu beginnen, verwendet werden kann. Kopieren Sie einfach den App-Ordner auf Ihren lokalen Webserver und Sie erhalten einen laufenden PWA.

Um zu verstehen, wie PWA arbeitet ich Jakes Kochbuch empfehlen:

https://jakearchibald.com/2014/offline-cookbook/

+0

Dank! Wird besorgt. Aber schnell, was macht diese grundlegende App? – Armand

+0

Keine Sorge. Ich habe gesehen, dass es eine Nachrichtenseite ist. – Armand

+0

Ja, es zeigt grundsätzlich einen RSS-Feed an.So sollte es möglich sein, Ihre eigene RSS-Feed-URL in feedReader.js –

1

Hier eine Probe mit dem ersten Progressive Web App beginnen soll.

Was Sie

In diesem Codelab bauen werden, wirst du einen Wetter-Web-App mit Progressive Web App Techniken bauen. Ihre App wird:

  • Verwenden Sie und demonstrieren Sie die oben genannten Prinzipien von Progressive Web Apps.
  • Verwenden Sie Live-Wetterdaten.
  • Geben App-ähnliche Interaktionen der Benutzer zu erlauben, Städte hinzuzufügen.

Was werden Sie

  • lernen, wie man eine App mit dem "App shell" Methode
  • entwerfen und zu konstruieren, wie Ihre App offline arbeiten machen
  • Wie Daten für spätere Offline-Nutzung speichern

Was Sie

  • Eine aktuelle Version von Chrome benötigen. Beachten Sie, funktioniert dies auch in anderen Browsern, aber wir werden einige Merkmale der Chrome DevTools zu besser verstehen, werden mit, was auf Browserebene passiert.
  • Web Server für Chrome oder Ihren eigenen Web-Server der Wahl
  • The sample code
  • Ein Texteditor
  • Grundkenntnisse in HTML, CSS, JavaScript und Chrome DevTools
+0

Great zu konfigurieren. Danke für Ihre Hilfe. – Armand

Verwandte Themen