PDF

Schulung Progressive Web App Komplett

5 Tage / S2112

Neues Seminar

Schulungsformen

Offene Schulung

  • 5 Tage
  • Termine folgen in Kürze

Learning & Networking in einem. Garantierte Durchführung ab 1 Teilnehmer.

Inhouse-/Firmenschulung

  • 5 Tage - anpassbar
  • Termin nach Wunsch
  • Preis nach Angebot
  • In Ihrem Hause oder bei der GFU

Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.

Individualschulung

  • 5 Tage - anpassbar
  • Termin nach Wunsch
  • Preis nach Angebot
  • In Ihrem Hause oder bei der GFU

1 Teilnehmer = max. Fokus aufs Fachliche und max. Raum für individuelle Fragen.

Beschreibung

In diesem Seminar lernen Sie Web Apps und Progressive Web Apps zu erstellen. Mit Zugriff auf die APIs mit EcmaScript können im Browser JavaScript Applikationen bereitgestellt werden, die sich kaum noch von Desktop-Applikationen unterscheiden. Die Browser liefern Schnittstellen zur Manipulation von HTML und CSS, zur Mediensteuerung, Kommunikation und Datenverwaltung. Mit Progressive Web App (PWA) lassen sich Web-Applikationen entwickeln, die den Charakter einer hybriden App oder einer nativen App haben. Progressive Web Apps bieten den Feature-Reichtum einer installierbaren App, ohne dass der Kunde den Umweg über einen App Store gehen muss. Sie machen eine doppelte Entwicklung pro Plattform überflüssig. Lernen Sie die wichtigsten APIs der Browser-Umgebung und die Hauptmerkmale einer PWA kennen. Dazu gehören das Add-To-Homescreen Popup, Service Worker, die Push Benachrichtigungen und die Offline Fähigkeit. Darüber hinaus lernen Sie in diesem Seminar die Werkzeugen kennen, um schnell eine PWA zu erstellen und zu überprüfen. Dazu zählen unter anderem Workbox und Lighthouse.

Schulungsziel

Nach diesem Seminar können Sie mit den wichtigsten APIs, die Browser und mobile Endgeräte bereitstellen, umgehen. Sie können Web Apps und Progressive Web Apps erstellen. 

Details

1.-3. Tag: Auch separat buchbar als Einführung JavaScript für Web Frontend Entwickler -  DOM, HTML5 und Web API

  • Browserunterstützung
    • Feature-Test
    • Testumgebungen
  • Document Object Model
    • Zugriff HTML Elemente und Attribut
    • Elemente erstellen 
    • DOM Baum modifizieren
    • Shadow DOM
    • CSS Object Model
    • CSS Selector API
  • Browser
    • Drag and Drop
    • Fullscreen
    • Web Workers
  • Kommunikations APIs
    • Web Sockets
    • Messaging
    • WebRTC
  • Data Management
    • File API
    • File System API
    • Indexed DB
    • Local Storage und Session Storage
  • Grafik und Medien
    • SVG
    • Canvas
    • WebGL
    • Animation 
    • Pointer Lock
    • Video und Audio
    • Web Audio

4.-5. Tag: Auch separat buchbar als Einführung 
Progressive Web Apps (PWA) erstellen

  • Progressive Web Apps (PWA) Grundlagen
    • Abgrenzung Hybrid Mobile Apps und PWAs
    • Progressive Web Apps (PWA)-Technologie im Überblick
    • Checkliste für eine Progressive Web App
    • Aufbau einer Testumgebung
    • Anspruch an das Layout
  • Startseite und Web Manifest
    • Manifest Eigenschaften
    • Homescreen Prompt
  • Service Worker
    • Cookies
    • HTML5 Web Storage
    • WebSQL
    • IndexedDB
    • App Cache
    • Cache API
  • Service Worker
    • Browser Support
    • Service Worker shell
    • Caching
    • Push Notifications
    • Synchronisation im Hintergrund
    • Service Worker Lifecycle
  • Application Cache
    • Fetch API
    • Cashes Object
  • Service Worker Anwendungsfälle
    • Worker Events
    • Pre-Caching
    • Cache aktualisieren
    • Ressourcen abrufen
    • Die „Network Only“-Strategie
    • Die "Network First / Offline"-Strategie
    • Die "Offline First / Network"-Strategie
    • Caching Szenarien
    • Client-Kommunikation
    • Patterns und Strategien
    • PWA Tickets
  • Performance Optimierung
    • Time to first byte
    • Payload verringern
    • RRPL Pattern
    • Rail Pattern
    • Lazy Loading
  • Tools
    • PWA Builder
    • Auditing mit Google Lighthouse
    • Sonar
    • Workbox
    • JS Frameworks mit PWA-Unterstützung
  • Interaktivität
    • Interaktion zwischen PWA und Apps
    • Share API

Web-Entwickler, Web-Programmierer, Web-Worker mit Kenntnissen in HTML, CSS und JavaScript, die Web-Anwendungen auf Basis von Progressive Web Apps (PWA) erstellen wollen.


Lernmethode: Ausgewogene Mischung aus Theorie und Praxis
Unterlagen: Seminarunterlagen / Fachbuch zum Seminar inklusive, das man nach Rücksprache mit dem Trainer individuell auswählen kann
Arbeitsplatz: PC/VMs für jeden Teilnehmer
Hochwertige und performante Hardware
Große, höhenverstellbare Bildschirme
Zugang zu Ihrem Firmennetz erlaubt
Lernumgebung: Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter.
Arbeitsmaterialien: Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its
Teilnahmebescheinigung: Wird am Ende des Seminars ausgehändigt, inkl. Inhaltsverzeichnis
Teilnehmerzahl: min. 1, max. 8 Personen
Garantierte Durchführung : Ab einem Teilnehmer
Schulungszeiten: 5 Tage, 1. Tag 10:00 - 17:00 Uhr, Folgetage 09:00 - 16:00 Uhr
Ort der Schulung: GFU Schulungszentrum

GFU Schulungszentrum
Am Grauen Stein 27
51105 Köln-Deutz
oder europaweit bei Ihnen als Inhouse-Schulung
Räumlichkeiten: Helle und modern ausgestattete Räume mit perfekter Infrastruktur
Preisvorteil : Der dritte Mitarbeiter nimmt kostenfrei teil.
All-Inclusive: Frühstück, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch
Barrierefreiheit: Das GFU-Schulungszentrum(Am Grauen Stein 27) ist barrierefrei
Rechnungsstellung: Erst nach dem erfolgreichen Seminar. Keine Vorkasse.
Stornierung: Kostenfrei bis zum Vortag des Seminars
Vormerken statt buchen: Sichern Sie sich unverbindlich Ihren Seminarplatz schon vor der Buchung - auch wenn Sie selbst nicht berechtigt sind zu buchen
Bildungsgutschein: Bildungsscheck NRW, Bildungsprämie

Kundenbewertungen

Zu diesem Seminar wurden noch keine Bewertungen abgegeben.

Buchungsmöglichkeiten

Offene Termine

Termine folgen in Kürze
Buchen ohne Risiko:
  • Keine Vorkasse
  • Kostenfreies Storno bis zum Vortag des Seminars
  • Rechnung nach erfolgreichem Seminar
  • All-Inclusive-Preis
  • Garantierter Termin und Veranstaltungsort
  • Preise pro Person zzgl. Mehrwertsteuer
  • Der dritte Mitarbeiter nimmt kostenfrei teil

Firmenschulung

Im GFU Schulungszentrum

Anfragen

Inhouse-Schulung

In Ihrem Hause
Auswählen
Wo soll Ihre Schulung stattfinden?
  • Europaweit
  • GFU Schulungszentrum
  • Berlin
  • Bremen
  • Düsseldorf
  • Dortmund
  • Dresden
  • Frankfurt
  • Hamburg
  • Hannover
  • Köln
  • Leipzig
  • Mannheim
  • München
  • Nürnberg
  • Stuttgart
Weiterer Ort:

Anfragen

Individualschulung

Auswählen
Wo soll Ihre Schulung stattfinden?
  • Im GFU Schulungszentrum oder in Ihrem Hause Europaweit
  • Berlin
  • Bremen
  • Düsseldorf
  • Dortmund
  • Dresden
  • Frankfurt
  • Hamburg
  • Hannover
  • Köln
  • Leipzig
  • Mannheim
  • München
  • Nürnberg
  • Stuttgart
Weiterer Ort:

Anfragen
Arbeitsplatz



Eine Gruppe eines Unternehmens will zeitgleich den Lehrgang Progressive Web App Komplett frequentieren

An dieser Stelle kann ein kundenspezifisches Seminar zum Gegenstand Progressive Web App Komplett richtig sein. Der Inhalt des Lehrgangs kann nebenbei bemerkt gemeinsam mit den Dozenten aufgestockt oder gestrafft werden.

Haben die Seminarteilnehmer schon Routine in Progressive Web App Komplett, sollte der erste Punkt der Agenda entfallen. Eine Firmen-Weiterbildung macht sich bezahlt bei mehr als 3 Seminarteilnehmern. Die Firmen-Schulungen zum Thema Progressive Web App Komplett finden gelegentlich in der Nähe von Duisburg, Bochum, Bremen, Dresden, Nÿrnberg, Mÿnchen, Berlin, Wuppertal, Dortmund, Hamburg, Essen, Leipzig, Bonn, Bielefeld, Dÿsseldorf, Hannover, Frankfurt, Mÿnster, Stuttgart und Köln am Rhein in NRW statt.

Welche Kurse ergänzen Progressive Web App Komplett?

Eine gute Basis findet sich in Progressive Web App Komplett mit

  • Ressourcen abrufen
  • Cashes Object
  • Tools PWA Builder
  • Lazy Loading

Erwägenswert ist auch ein Seminar von „XSLT 2.0, XSLT 3.0“ mit dem Unterrichtsstoff von

  • Arbeiten mit unparsed text: Verarbeitung von CSV mit XSLT 2.0
  • Weitere Themen REST - und dann?
  • Vergleich von XML Dateien mit XSLT
  • Arbeiten mit temporären Bäumen

Für Inhouse-Schulungen ist das Thema „Data Science Business Akademie: Grundlagenwoche mit Zertifizierung“ mit dem Unterrichtsstoff Modellbildungsprozess und Grundlagen der Wahrscheinlichkeitsrechnung geeignet.

Für Help-Desk-Mitarbeiter passt auch eine VueJS - Power Workshop: Der komplette Einstieg Fortbildung. In diesem Seminar werden insbesondere

  • Abrufen und Verwenden von Routenparametern
  • Verstehen des Objekts in der Vue-Datei
  • "Lazy Loading" von Routen 
  • Verstehen und Verwendung von Mutationen
geschult.

Haben Sie Fragen?
  • 0221 82 80 90
  • Chat offline
Empfangsdamen der GFU