Εξέλιξη Κομματιού

Εισαγωγή

  • Σύγκλιση ιντερνέτ και κινητών συσκευών

Λόγοι για την ανάπτυξη Progressive Web Apps

  • ταχύτητα και λειτουργικότητα (σε σύγκριση με ιστοσελίδες)
  • ασφάλεια
  • λειτουργία χωρίς διαδίκτυο
  • ενημέρωση από το push notifications
  • βελτίωση των ποσοστών κλικ-απόθεσης (bounce rates)
  • λειτουργία και αυταυτόποια
  • παράκαμψη Αποθήκης Εφαρμογών (App Stores)

Ενεργοποίηση του Ιστό σας

  • Ασφαλής HTTPS σύνδεση
  • JSON Manifest
  • Service Worker

Δημιουργία της πρώτης Progressive Web App (PWA) σας

Χρήση Service Workers για να κάνετε το Πρόγραμμα σας να λειτουργεί χωρίς διαδίκτυο

  • Αποθήκευση δεδομένων
  • Εξυπηρέτηση push notifications
  • Ενημέρωση περιεχομένου
  • Παρακαμπή δεδομένων

Event Listeners και Εντολές

  • Προσαρμογή απαντήσεων σε δικτυακές προσηλώσεις ανάλογα με την κατάσταση υποδοχής (online/offline)
  • Διαμόρφωση δεδομένων και ηχητική μετάδοση
  • Πρόσβαση στο Cache API, Fetch API, IndexedDB API, postMessage(), κ.λπ.
  • Αύξηση της ενδιαφέροντας των χρηστών μέσω Notification API

Χρήση αποθηκευμένων πόρων στην εφαρμογή σας

Σύνδεση Web App Manifest

  • Προσθήκη του προγράμματος στην οθόνη αρχικοποίησης (Home Screen)

Αρχιτεκτονική Application Shell

Συνέτερες Πρακτικές UI

  • Χρησιμότητα
  • Τοπικοποίηση

Εναλλακτικές λύσεις και προβλήματα του PWA

Εγκατάσταση του PWA στην Αποθήκη Εφαρμογών (App Store)

Σύνοψη και Συμπέρασμα

Απαιτήσεις

  • HTML, CSS και object-oriented JavaScript.
  • Ένα κινητό συσκεύη.
  • Δυνατότητα λειτουργίας του Google Chrome σε κινητή συσκευή.

Ακροατήριο

  • Ιστοδιαμόρφων Προγραμματιστές
  • Προγραμματιστές εφαρμογών
 14 Ώρες

Αριθμός συμμετέχοντων


Τιμή ανά συμμετοχαστή

Σχόλια (5)

Εφεξής Μαθήματα

Σχετικές Κατηγορίες