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.
Quiz(32 domande)
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?
2. Qual è lo scopo principale di un Service Worker?
3. Quale delle seguenti affermazioni è vera riguardo alle PWA?
4. Cosa definisce il file manifest.json in una PWA?
5. Quale vantaggio offrono le PWA rispetto alle app native?
6. Vero o falso: I service worker possono gestire le notifiche push.
7. Cosa rappresenta il Manifesto Web App?
8. In che modo le PWA si differenziano dalle app native?
9. Quale delle seguenti opzioni NON è un vantaggio delle PWA?
10. Quale elemento è necessario affinché una PWA possa essere installata sulla schermata home?
11. Cosa significa 'responsive' in relazione alle PWA?
12. Cosa permette alle PWA di funzionare offline?
13. Quale tecnologia consente di inviare notifiche push nelle PWA?
14. Qual è la funzione delle Web APIs in una PWA?
15. In che modo le PWA gestiscono l'accesso offline?
16. Qual è il ruolo della API Cache nelle PWA?
17. Qual è lo scopo principale delle PWA?
18. Vero o falso: Le PWA non possono inviare aggiornamenti agli utenti quando sono chiuse.
19. Cosa avviene durante il 'First Load' di una PWA?
20. Quale libreria è comunemente usata per semplificare lo sviluppo di PWA?
21. Cosa significa 'installabile' per una PWA?
22. Cosa significa 'Responsive Web Design' per una PWA?
23. Quale delle seguenti affermazioni è falsa riguardo alle PWA?
24. Qual è un vantaggio delle PWA rispetto ai siti web tradizionali?
25. Qual è una delle tecnologie chiave alla base delle PWA?
26. Esempio di utilizzo dei service worker in una PWA?
27. Cosa NON può fare una PWA?
28. Quali strumenti possono essere utilizzati per sviluppare PWA?
29. Qual è il ruolo della cache nelle PWA?
30. Quale delle seguenti affermazioni è falsa riguardo ai Service Worker?
31. Quale delle seguenti affermazioni descrive meglio il funzionamento dei Service Worker nelle PWA?
32. Quale di queste non è una caratteristica delle PWA?
Set correlati
Wiederholung: Browser lädt eine Seite
Test: Was eine URL ist
JavaScript DOM and events notes
REST APIs and HTTP methods exam review
What a URL is
How a browser loads a page
HTML vs CSS vs JavaScript step by step
Wiederholung: HTML CSS JavaScript Rollen
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.

