Esame: Progressive web apps

Questo insieme di flashcards esplora il tema delle Progressive Web Apps, coprendo i principali concetti, tecnologie e vantaggi associati a questo approccio innovativo nello sviluppo web.

DragonBeatrice1·32 schede·32 domande
universitàcomputer_scienceweb
0
Lo so
1 / 32
0
Sto imparando
Fronte

Cos'è una Progressive Web App?

Tocca per girare
Retro

È un'applicazione web che usa tecnologie moderne per fornire un'esperienza utente simile a quella delle app native.

Tocca per girare
Lo so
Sto imparando

Quiz(32 domande)

Domanda 1 di 32

1. Cos'è una caratteristica distintiva delle Progressive Web Apps?

Termini in questo set(32)

Fondamenti delle Progressive Web Apps(16)

Cos'è una Progressive Web App?

È un'applicazione web che usa tecnologie moderne per fornire un'esperienza utente simile a quella delle app native.

Quali sono i vantaggi delle PWA?

- Installazione facile - Aggiornamenti automatici - Accesso offline - Prestazioni elevate

Cosa significa 'responsive'?

Significa che l'interfaccia si adatta a varie dimensioni di schermo e dispositivi.

PWA vs App Nativa: quale è più veloce?

Le PWA possono essere più veloci da caricare inizialmente, mentre le app native potrebbero avere prestazioni superiori in operazioni intensive.

Cosa sono i Service Worker?

Sono script che il browser esegue in background per gestire le notifiche push, la cache e l'accesso offline.

Vero o falso: le PWA richiedono installazione?

Falso. Le PWA possono essere utilizzate direttamente dal browser senza installazione.

Qual è l'obiettivo principale delle PWA?

Fornire un'esperienza utente fluida e simile a quella delle app native, anche su reti lente.

Cosa significa 'installabile'?

Significa che gli utenti possono aggiungere la PWA alla home screen del dispositivo, come una app nativa.

Fill in the blank: le PWA utilizzano __________ per la gestione della cache.

Service Workers

Cosa è un Manifesto Web App?

È un file JSON che fornisce informazioni su come la PWA deve apparire e comportarsi.

Cosa consente l'accesso offline nelle PWA?

La cache gestita dai Service Workers permette di accedere a contenuti anche senza connessione internet.

Vero o falso: le PWA non possono inviare notifiche push.

Falso. Le PWA possono inviare notifiche push grazie ai Service Workers.

Cos'è un'app 'First Load'?

È l'esperienza iniziale quando un utente carica per la prima volta una PWA; deve essere rapida e performante.

Quale tecnologia permette il funzionamento offline?

I Service Workers sono fondamentali per la funzionalità offline delle PWA.

PWA: adattamento alle reti lente.

Le PWA utilizzano la cache per caricare rapidamente contenuti anche in condizioni di rete scadenti.

Cosa sono le notifiche push?

Messaggi inviati alle PWA anche quando non sono aperte, grazie ai Service Workers.

Tecnologie e Strumenti(16)

Service Worker →

Un script che il browser esegue in background, separato da una pagina web. Gestisce le richieste di rete e consente funzionalità offline.

Qual è la funzione del manifest.json?

Definire le proprietà della PWA, come nome, icone, tema e modalità di visualizzazione.

Vero o falso: I service worker possono essere utilizzati per il caching.

Vero. Permettono di memorizzare risorse per un accesso più rapido e offline.

Comparazione: PWA vs App Nativa

PWA: accesso tramite browser, aggiornamenti automatici. App Nativa: installazione richiesta, accesso a funzionalità hardware.

Quale standard utilizza una PWA per essere installabile?

Utilizza il Web App Manifest. Senza di esso, non può essere aggiunta alla schermata home.

Cosa sono le Web APIs?

Interfacce che permettono alla PWA di interagire con le funzionalità e i dati del dispositivo, come geolocalizzazione e notifiche.

Fill in the blank: I ___ sono utilizzati per l'interazione tra PWA e il sistema operativo.

Service Worker. Gestiscono eventi e richieste di rete.

Qual è l'importanza del caching nelle PWA?

Permette l'accesso ai contenuti anche offline e migliora i tempi di caricamento delle pagine.

Qual è il ruolo delle notifiche push?

Consentire alle PWA di inviare aggiornamenti e avvisi agli utenti anche quando non sono attive.

Vero o falso: Le PWA possono solo funzionare online.

Falso. Possono funzionare offline grazie ai service worker e al caching.

Quale libreria facilita lo sviluppo di PWA?

Workbox. Fornisce strumenti per gestire caching e service worker facilmente.

Cosa sono le Responsive Web Design?

Una tecnica che permette alle PWA di adattarsi a diverse dimensioni di schermo e dispositivi.

Cosa fa la API Cache?

Gestisce la memorizzazione e il recupero delle risorse per migliorare performance e accessibilità offline.

Qual è un vantaggio delle PWA rispetto ai siti web tradizionali?

Offrono un'esperienza utente simile a quella delle app native, con maggiore velocità e interattività.

Esempio di utilizzo dei service worker:

Registrare un service worker in main.js per gestire le richieste di rete e caching.

Quali strumenti di sviluppo si possono usare per le PWA?

Chrome DevTools, Lighthouse, Workbox. Aiutano nell'analisi e nell'ottimizzazione delle PWA.

Domande in questo set(32)

1. Cos'è una caratteristica distintiva delle Progressive Web Apps?

A.Utilizzano Service Workers per la gestione della cache.
B.Richiedono sempre un'installazione complessa.
C.Non funzionano su dispositivi mobili.
D.Possono essere sviluppate solo con linguaggi server-side.

2. Qual è lo scopo principale di un Service Worker?

A.Gestire le richieste di rete e abilitare funzionalità offline.
B.Aumentare la velocità della connessione a Internet.
C.Fornire accesso diretto al database del dispositivo.
D.Ridurre il consumo della batteria del dispositivo.

3. Quale delle seguenti affermazioni è vera riguardo alle PWA?

A.Possono essere utilizzate senza connessione a internet.
B.Hanno bisogno di essere installate da uno store ufficiale.
C.Funzionano solo su desktop.
D.Richiedono un browser specifico per essere visualizzate.

4. Cosa definisce il file manifest.json in una PWA?

A.Le proprietà visive e comportamentali della PWA.
B.Le impostazioni di sicurezza della PWA.
C.Le funzioni JavaScript da utilizzare.
D.Le risorse grafiche necessarie per la PWA.

5. Quale vantaggio offrono le PWA rispetto alle app native?

A.Installazione più semplice.
B.Prestazioni superiori in tutte le situazioni.
C.Non richiedono aggiornamenti.
D.Forniscono sempre un'interfaccia migliore.

6. Vero o falso: I service worker possono gestire le notifiche push.

A.Vero
B.Falso
C.Solo in modalità offline
D.Solo se registrati correttamente

7. Cosa rappresenta il Manifesto Web App?

A.Un file JSON che specifica il comportamento e l'aspetto della PWA.
B.Un codice sorgente per la creazione di app native.
C.Una guida per la gestione delle notifiche.
D.Un documento legale per l'utilizzo di PWA.

8. In che modo le PWA si differenziano dalle app native?

A.Le PWA non richiedono installazione e funzionano direttamente nel browser.
B.Le PWA sono sempre più lente delle app native.
C.Le app native non possono utilizzare i service worker.
D.Le PWA hanno bisogno di una connessione Internet costante.

9. Quale delle seguenti opzioni NON è un vantaggio delle PWA?

A.Funzionano offline.
B.Aggiornamenti automatici.
C.Hanno sempre un'interfaccia grafica migliore.
D.Facile installazione.

10. Quale elemento è necessario affinché una PWA possa essere installata sulla schermata home?

A.Il file manifest.json
B.Un service worker attivo
C.Una connessione a Internet
D.Una base di dati locale

11. Cosa significa 'responsive' in relazione alle PWA?

A.L'interfaccia si adatta a varie dimensioni di schermo.
B.Le PWA possono essere utilizzate solo su dispositivi mobili.
C.Le PWA si aggiornano automaticamente.
D.Le PWA richiedono una connessione costante.

12. Cosa permette alle PWA di funzionare offline?

A.I service worker e il caching delle risorse.
B.Solo il caricamento delle pagine in locale.
C.La connessione Wi-Fi automatica.
D.Il salvataggio dei dati nel cloud.

13. Quale tecnologia consente di inviare notifiche push nelle PWA?

A.Service Workers.
B.HTML.
C.CSS.
D.JavaScript.

14. Qual è la funzione delle Web APIs in una PWA?

A.Consentire l'interazione con le funzionalità del dispositivo.
B.Semplificare il codice HTML.
C.Aumentare la velocità di caricamento delle immagini.
D.Fornire un'interfaccia utente standard.

15. In che modo le PWA gestiscono l'accesso offline?

A.Grazie alla cache gestita dai Service Workers.
B.Richiedendo sempre una connessione a internet.
C.Attraverso app native installate.
D.Utilizzando solo HTML.

16. Qual è il ruolo della API Cache nelle PWA?

A.Gestire la memorizzazione e il recupero delle risorse.
B.Controllare le impostazioni di sicurezza della PWA.
C.Ottimizzare il codice JavaScript.
D.Fornire un'interfaccia grafica per l'utente.

17. Qual è lo scopo principale delle PWA?

A.Fornire un'esperienza utente simile a quella delle app native.
B.Limitarne l'uso a solo browser desktop.
C.Richiedere l'installazione da uno store.
D.Fornire solo contenuti testuali.

18. Vero o falso: Le PWA non possono inviare aggiornamenti agli utenti quando sono chiuse.

A.Falso
B.Vero
C.Solo se l'utente non ha acconsentito
D.Dipende dal browser

19. Cosa avviene durante il 'First Load' di una PWA?

A.L'esperienza deve essere rapida e performante.
B.L'utente deve necessariamente installare l'app.
C.Non è possibile accedere a contenuti offline.
D.Si devono scaricare grandi quantità di dati.

20. Quale libreria è comunemente usata per semplificare lo sviluppo di PWA?

A.Workbox
B.React
C.Angular
D.Bootstrap

21. Cosa significa 'installabile' per una PWA?

A.Può essere aggiunta alla home screen come un'app nativa.
B.Deve essere sempre installata da uno store.
C.Richiede una connessione internet costante.
D.Non può essere utilizzata su dispositivi mobili.

22. Cosa significa 'Responsive Web Design' per una PWA?

A.Adattamento dell'interfaccia a diverse dimensioni di schermo.
B.Creazione di un design statico per tutte le dimensioni.
C.Miglioramento della velocità di caricamento su dispositivi mobili.
D.Progettazione di app solo per computer desktop.

23. Quale delle seguenti affermazioni è falsa riguardo alle PWA?

A.Possono inviare notifiche push.
B.Richiedono sempre una connessione a internet.
C.Possono essere utilizzate offline.
D.Possono essere installate sulla home screen.

24. Qual è un vantaggio delle PWA rispetto ai siti web tradizionali?

A.Offrono un'esperienza simile a quella delle app native.
B.Richiedono un caricamento più lungo.
C.Possono essere usate solo online.
D.Non possono essere installate.

25. Qual è una delle tecnologie chiave alla base delle PWA?

A.Service Workers.
B.Flash.
C.Java applets.
D.CGI scripts.

26. Esempio di utilizzo dei service worker in una PWA?

A.Registrare un service worker per gestire caching e richieste.
B.Creare un file CSS dedicato.
C.Ottimizzare le immagini per il caricamento.
D.Includere librerie esterne nel progetto.

27. Cosa NON può fare una PWA?

A.Inviarle notifiche push.
B.Essere utilizzata offline.
C.Eseguire codice server-side.
D.Essere installata sulla home screen.

28. Quali strumenti possono essere utilizzati per sviluppare PWA?

A.Chrome DevTools e Lighthouse.
B.Adobe Photoshop e Illustrator.
C.Microsoft Word e Excel.
D.Notepad e Paint.

29. Qual è il ruolo della cache nelle PWA?

A.Permette di caricare contenuti rapidamente anche in condizioni di rete scadenti.
B.Impedisce l'accesso a contenuti offline.
C.Richiede sempre una connessione a internet.
D.Non ha alcun ruolo importante.

30. Quale delle seguenti affermazioni è falsa riguardo ai Service Worker?

A.Sono eseguiti in background e non bloccano il caricamento della pagina.
B.Possono gestire le richieste di rete e il caching.
C.Richiedono sempre una connessione internet attiva per funzionare.
D.Possono inviare notifiche push agli utenti.

31. Quale delle seguenti affermazioni descrive meglio il funzionamento dei Service Worker nelle PWA?

A.I Service Worker operano in background per gestire cache e notifiche push.
B.I Service Worker devono essere eseguiti in primo piano per funzionare correttamente.
C.I Service Worker sono necessari solo per le app native e non per le PWA.
D.I Service Worker non possono gestire l'accesso offline.

32. Quale di queste non è una caratteristica delle PWA?

A.Possono essere installate sulla schermata home.
B.Funzionano solo su dispositivi mobili.
C.Offrono un'esperienza utente simile a quella delle app native.
D.Possono funzionare offline grazie ai Service Worker.

Set correlati

Crea il tuo set di studio

Carica un PDF, incolla le tue note o descrivi un argomento – l'IA genera schede, quiz e altro in pochi secondi.