JavaScript/Tutorials/App: Unterschied zwischen den Versionen

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
(→‎Weblinks: Link zu PWABuilder)
K (akt 2024)
Zeile 1: Zeile 1:
−
[[Datei:PWA Logo.svg|right|150px]](削除) In diesem (削除ここまで)Kurs (削除) lernen Sie (削除ここまで), (削除) wie Sie eine (削除ここまで)'''(削除) progressive (削除ここまで)Web(削除) - (削除ここまで)App (削除) (PWA) mit HTML5 (削除ここまで)''' (削除) erstellen (削除ここまで), (削除) die auf allen Plattformen läuft (削除ここまで).
+
[[Datei:PWA Logo.svg|right|150px]](追記) Dieser (追記ここまで)Kurs (追記) möchte die grundlegendsten Dinge vorstellen (追記ここまで), (追記) die es beim Erstellen einer (追記ここまで)'''(追記) Progressive (追記ここまで)Web App''' (追記) braucht. (追記ここまで)
  +
 
  +
(追記) Eine PWA ist im Grunde nichts anderes als eine gewöhnliche Internetseite (追記ここまで), (追記) welche von einem Browser regulär angezeigt werden kann. Durch ein paar Extras „versteht" der Browser jedoch, dass er für diese Seite ein besonderes Lesezeichen anlegen kann, um sie offline verfügbar zu machen. Damit eignet sich eine PWA als plattformübergreifende Mobil-App (追記ここまで).
  +
 
 
{{nSpalten|2|min-width=15em|
 
{{nSpalten|2|min-width=15em|
−
# [[JavaScript/Tutorials/App/Einstieg|'''(削除) Einstieg (削除ここまで)''']]
+
# [[JavaScript/Tutorials/App/Einstieg(追記) |Einstieg]] (追記ここまで)
−
#* (削除) Arten von Apps (削除ここまで)
+
(追記) #* nativ oder hybrid? (追記ここまで)
−
#* (削除) Geschichte des Begriffs PWA (削除ここまで)
+
(追記) #* Was sind Progressive Web Apps? (追記ここまで)
−
#* (削除) Was sind PWA (削除ここまで)
+
(追記) # [[JavaScript/Tutorials/App/Offline-Browsing (追記ここまで)|'''(追記) Offline-Browsing (追記ここまで)''']]
  +
#* (追記) Taschenrechner-PWA (追記ここまで)
  +
(追記) #** Installation (追記ここまで)
  +
#*(追記) * Manifest-Datei (追記ここまで)
  +
#*(追記) * Service Worker (追記ここまで)
 
# [[JavaScript/Tutorials/App/ServiceWorker|'''ServiceWorker''']]
 
# [[JavaScript/Tutorials/App/ServiceWorker|'''ServiceWorker''']]
 
#* Konzepte
 
#* Konzepte
 
#* Implementierung
 
#* Implementierung
−
# [[JavaScript/Tutorials/App/(削除) Offline-Browsing (削除ここまで)|(削除) Offline-Browsing]] (Stub, ' (削除ここまで)'(削除) obsolet (削除ここまで)''(削除) ?) (削除ここまで)
+
# [[JavaScript/Tutorials/App/(追記) Push Notifications (追記ここまで)|'''Push Notifications(追記) ''' (追記ここまで)]]
−
(削除) # [[JavaScript/Tutorials/App/Push Notifications| (削除ここまで)Push Notifications]] (削除) (Stub) (削除ここまで)
+
(追記) #* Benachrichtigungen senden (追記ここまで)
  +
(追記) #* Wie kann man sie abschalten?<br><br><br> (追記ここまで)
 
}}
 
}}
   
−
(削除) {{ToDo|Anwendungsbeispiel (削除ここまで)
+
(追記) == Siehe auch == (追記ここまで)
−
 
+
(追記) <!- (追記ここまで)--
−
--[[(削除) Benutzer:MScharwies|Matthias Scharwies]] ([[Benutzer Diskussion:MScharwies|Diskussion]]) 07:00, 27. Jul. 2016 (CEST)}} (削除ここまで)
+
(追記) * (追記ここまで)[[JavaScript/Tutorials/(追記) VocTrainer]] (追記ここまで)
−
(削除) {{Fortsetzung| (削除ここまで)
+
(追記) --> (追記ここまで)
−
(削除) übersicht=Apps entwickeln<br>(Übersicht)|übersichtlink= (削除ここまで)JavaScript/Tutorials/(削除) App| (削除ここまで)
 
−
(削除) weiter=native oder hybrid|weiterlink=JavaScript/Tutorials/App/Einstieg}} (削除ここまで)
 
−
 
 
 
== Weblinks ==
 
== Weblinks ==
 
* MDN: [https://developer.mozilla.org/de/docs/Web/Progressive_web_apps Progressive Web-Apps]
 
* MDN: [https://developer.mozilla.org/de/docs/Web/Progressive_web_apps Progressive Web-Apps]
−
(削除) * developers.google.de [https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/?hl=de Ihre erste Progressive Web App] (削除ここまで)
+
(追記) (追記ここまで)
−
(削除) * entwickler.de: [https://entwickler.de/online/web/progressive-web-apps-tutorial-tipps-579830771.html How-to: Progressive Web Apps praktisch erklärt] (削除ここまで)
 
−
(削除) * medium.com: [https://medium.com/dev-channel/learn-how-to-build-a-pwa-in-under-5-minutes-c860ad406ed Learn how to build a PWA in 5 minutes] (削除ここまで)
 
−
 
 
−
(削除) * sehr gut: [https://medium.com/james-johnson/a-simple-progressive-web-app-tutorial-f9708e5f2605 A Simple Progressive Web App Tutorial] (削除ここまで)
 
−
 
 
−
(削除) * Prüfungs- und Empfehlungstest für PWA: [https://www.pwabuilder.com/ PWABuilder - Helping developers build and publish PWAs] (削除ここまで)
 
−
 
 
−
 
 
−
(削除) *codecentric: [https://blog.codecentric.de/2014/01/app-entwicklung-mit-cordova-erfahrungsbericht/ App-Entwicklung mit Cordova - ein Erfahrungsbericht] (削除ここまで)
 
−
(削除) *drweb: [https://www.drweb.de/magazin/html5-javascript-web-apps-mobil-77258/ HTML5 und JavaScript: So erstellst du mobile Web-Apps ] (削除ここまで)
 
−
(削除) *smashingmagazine: [https://www.smashingmagazine.com/2016/08/a-beginners-guide-to-progressive-web-apps/ A Beginner’s Guide To Progressive Web Apps] (削除ここまで)
 
   
 
{{Kategorie|JavaScript|mobile App}}
 
{{Kategorie|JavaScript|mobile App}}
  +
(追記) [[Kategorie:Tutorial]] (追記ここまで)

Version vom 20. Januar 2024, 11:30 Uhr

PWA Logo.svg
Dieser Kurs möchte die grundlegendsten Dinge vorstellen, die es beim Erstellen einer Progressive Web App braucht.

Eine PWA ist im Grunde nichts anderes als eine gewöhnliche Internetseite, welche von einem Browser regulär angezeigt werden kann. Durch ein paar Extras „versteht" der Browser jedoch, dass er für diese Seite ein besonderes Lesezeichen anlegen kann, um sie offline verfügbar zu machen. Damit eignet sich eine PWA als plattformübergreifende Mobil-App.

  1. Einstieg
    • nativ oder hybrid?
    • Was sind Progressive Web Apps?
  2. Offline-Browsing
    • Taschenrechner-PWA
      • Installation
      • Manifest-Datei
      • Service Worker
  3. ServiceWorker
    • Konzepte
    • Implementierung
  4. Push Notifications
    • Benachrichtigungen senden
    • Wie kann man sie abschalten?



Siehe auch

Weblinks

Abgerufen am 4.09.2025
von "http://wiki.selfhtml.org/wiki/JavaScript/Tutorials/App"