Infos
09:00 - 12:30
Beschreibung
Progressive Web Apps (PWA) sind das App-Modell der Zukunft. Das sagt zumindest Google und hat damit nichts Geringeres vor, als App-Stores von Mobilgeräten zu verbannen. Stattdessen lautet der Gedanke: Offlinefähigkeit, Push Notifications und schnelles Startverhalten sollen ins Web kommen. Ein Fingertipp reicht und eine mobile Website wird zur installierten App auf dem Gerät einschließlich Homescreen-Icon: Android, iOS, Windows, macOS und Linux auf einen Streich.
Christian Liebel von Thinktecture zeigt Ihnen, wie Sie mit Angular, Angular Material und der Angular CLI PWAs entwickeln und somit sanft und sacht die Schlucht zwischen reinen Web-Sites, Web-Apps und hybriden/nativen Apps schließen können. Und Sie können mitmachen: Dazu benötigen Sie mindestens einen Laptop und optional ein aktuelles Smartphone mit iOS oder Android.
Zielgruppe & Anforderungen
Liebe Teilnehmer des PWA-Workshops,
zunächst danke ich Ihnen herzlich, dass Sie sich für meinen Workshop angemeldet haben. Ich freue mich darauf, Sie bald in München persönlich kennenzulernen.
Mein Ziel ist es, unsere gemeinsame Workshopzeit bestmöglich zu nutzen. Deswegen bitte ich Sie, die folgenden Geräte mitzubringen und die nachstehend aufgeführte Software zuhause (oder im Hotel) zu installieren. Bitte beachten Sie: Webtechnologien entwickeln sich rasant weiter. In der Zwischenzeit bis zu unserem Workshop können neue Versionen veröffentlicht werden. Um sicherzustellen, dass alles wie erwartet funktioniert, bitte ich Sie, die unten aufgeführten Versionen zu installieren. Vielen Dank!
Geräte
- Notebook mit aktueller Windows/macOS/Linux-Version (mit Zugang zum Internet ohne Unternehmensproxys und/oder -firewalls – diese machen gerne einen Strich durch die Rechnung!)
- Optional: Android-Smartphone oder -Tablet mit aktueller Android- und Chrome-Version
- Optional: iPhone oder iPad – Achtung: iOS-Geräte unterstützen derzeit (noch?) nicht alle Technologien, die eine „echte“ PWA ausmachen
Browser (Desktop)
- Google Chrome, Version 72 oder neuer (https://www.google.com/chrome/browser/desktop/index.html)
- Optional: Firefox Developer Edition, Version 66 oder neuer (https://www.mozilla.org/en-US/firefox/developer/)
- Optional: Google Chrome Canary, Version 74 oder neuer (https://www.google.com/chrome/browser/canary.html)
Entwicklertools
- Git Source Control Management, aktuelle Version (https://git-scm.com/downloads)
- Optional: Git-Benutzeroberfläche (z.B. kostenfrei: TortoiseGit, SourceTree, … oder kommerziell: Tower, GitKraken, …)
- ngrok (https://ngrok.com/download) – für einfache und sichere TCP/HTTP/HTTPS-Tunnel zur Entwicklungszeit
- Node.js, empfohlene Version 10.15.1 LTS (https://nodejs.org/en/)
- Angular CLI 7.3.5 (auf der Kommandozeile: npm i -g @angular/[email protected])
- Ein Quellcode-Editor Ihrer Wahl
- JetBrains WebStorm, Version 2018.3 oder neuer (kommerziell, kostenfreie Testversion: https://www.jetbrains.com/webstorm/)
- Microsoft Visual Studio Code, aktuelle Version (https://code.visualstudio.com/)
- Notepad, vi, …
Sollten Sie Rückfragen haben, kontaktieren Sie mich gerne jederzeit: