Mach deine Contao Seite zur Progressive Web App - Einstieg in die Welt der PWA`s

Über diesen Workshop

Progressive Web Apps ist wohl eines der aktuellsten Themen für Webworker und wird immer salonfähiger. Schon längst betrifft die Welt der PWA`s nicht nur mobile Webseiten, sondern wird u.a. durch die Ankündigung von Microsoft PWA`s in deren Windows 10 Store anzubieten, immer lukrativer für Unternehmen.

Höchste Zeit sich also mit diesem spannenden Thema zu beschäftigen. Joe zeigt euch an Hand einer Contao CMS Seite, wie ihr diese nach und nach mit Features einer Progressive Web App bestückt. Nebenbei gibt es praktische Tipps rund um das Thema.

Dieser Kurs ist der perfekte Einstieg in die Welt der Progressive Wep Apps.

Zielsetzung des Workshops

Am Ende des Workshops ist der Teilnehmer in der Lage Contao Webseiten nach Progressive Web App Standard auszuliefern.

Dies beinhaltet im Detail:

  • Befüllen und anlegen eines webapp manifests für das Contao CMS
  • Integration eines Serviceworkers in das Contao CMS
  • Anlegen und Caching von Offline Inhalten
  • Integration von Webpush Notifications via Firebase Cloud Messaging

Inhalt des Workshops

Der Workshop ist immer in Theorie und Praxis Blöcke unterteilt.

Getting Started:

  • Begrüßung und Vorstellungsrunde
  • Was genau ist eine Progressive Web App?
  • Wann ist der Einsatz einer PWA sinnvoll?

Das Webapp Manifests

  • Was ist ein Webapp Manifest und wofür brauchen wir es?
  • Bestandteile des Webapp Manifests
  • Integration in das Contao CMS

Testing von PWA`s

  • Einführung in das Testing von PWA`s
  • Emuliertes Testing
  • Natives Testing
  • Verbindung zu den Chrome Developer Tools
  • Google Lighthouse

Der Service Worker Teil 1: Basics

  • Was ist ein Service Worker und wie funktioniert er?
  • Integration eines Service Workers in das Contao CMS
  • Installation und Updates
  • Einführung in Events des Service Workers
  • Service Worker Best Practices

Der Service Worker Teil 2: Caching

  • Wie genau funktioniert das Caching?
  • Grundregeln des Cachings
  • Integration einer einfachen offline Seite in das Contao CMS
  • Ausblick auf weitere Möglichkeiten des Cachings

Webpush Notifications

  • Was sind Webpush Notifications und wie funktionieren sie?
  • Einführung Firebase Cloud Messaging
  • Integration von Firebase Cloud Messaging in das Contao CMS
  • Alternativen zu FCM und Weiterführendes

Zusammenfassung und Weiterführendes

  • Weitere PWA Features
  • Sourcen und Quellen
  • Was ist in Zukunft von PWA`s zu erwarten?

Voraussetzungen

Es sollte ein eigener Rechner sowie ein Smartphone vorhanden sein.
Mindestens Grundkenntnisse in Javascript.
Kenntnisse im Contao CMS sind von Vorteil aber werden nicht zwangsläufig benötigt, da alle Beispiele auch ohne das CMS möglich sind.

Zielgruppe

Dieser Kurs ist für alle Webworker und Frontend/Backend/ Entwickler geeignet die tagtäglich für/mit Kunden Webprojekte realisieren.

Kosten

399,00 € inkl. Mittagessen, Pausensnacks und alkoholfreien Seminargetränken
(379,00 € für Mitglieder der Contao Association - Mitglieder fordern bitte dazu einen Gutschein-Code - mit einer Mail an events@contao.org - an)

Der Preis versteht sich inkl. der gesetzlichen Mehrwertsteuer in Höhe von 20%.

Mind. 5 Personen / max. 12 Personen (Das College findet nur statt, wenn die Mindestteilnehmerzahl erreicht wird)

Jetzt buchen

Joe Ray Gregory

Joe ist ein 33 Jahre junger Berater und Softwareentwickler für Webtechnologien, mit Begeisterung und Engagement für Contao seit 2007, aus Lüneburg. Zudem ein Contao Urgestein. 

Jetzt buchen

Sponsor werden

Möchten Sie den Erfolg der Contao Konferenz für den Erfolg Ihres Unternehmens nutzen? Sie können ein fesselndes Ereignis mitgestalten und erhalten gleichzeitig eine exklusive Plattform um auf Ihr Unternehmen aufmerksam zu machen!

Mit Ihrem Sponsoring-Paket helfen Sie uns eine hochwertige Konferenz auf die Beine zu stellen. Im Gegenzug profitieren Sie – je nach Paket – von der Möglichkeit über Ihr Unternehmen zu berichten.