Questa guida è la traduzione fedele dei labs Hands On, che Microsoft ha concesso ad HTML.it di pubblicare in esclusiva in lingua italiana.
Contoso Cookbook sono una serie di lab pratici pensati per immergervi nello sviluppo di un'app Windows Store per Windows 8. Grazie a questa serie di articoli sarete in grado di creare un'app che sia bella e funzionale e che sfrutti alcune delle nuove caratteristiche chiave disponibili in Windows 8.
Alla fine della serie, saprete come progettare un'applicazione che renda concrete alcune delle caratteristiche chiave di un'app Windows Store, tra cui:
- Un'esperienza utente che sfrutta controlli Windows 8 come ListView, AppBar e Semantic Zoom.
- Un'esperienza utente in grado di adattarsi a schermi grandi e piccoli e consente la corretta gestione di snapping e orientamenti differenti.
- Integrazione con le charm di Windows 8 attraverso i contratti per le impostazioni, la ricerca e la condivisione.
- Gestione corretta degli eventi dell'applicazione per salvare e ripristinare lo stato e le impostazioni così gli utenti possono passare, senza soluzione di continuità, attraverso attività e dispositivi diversi.
- Perfetta integrazione con l'hardware per implementare le funzionalità foto e video.
- Pinning di una tile secondaria, notifiche e badge per mantenere attivo il contenuto dell'applicazione e sempre presente all'utente.
- Integrazione con le API del Windows Store per gli acquisti di prova e gli acquisti in-app.
In questo primo articolo della serie utilizzeremo codice HTML e JavaScript per: creare l'applicazione, implementare il sistema di navigazione, scaricare i dati da un servizio REST e collegare i dati ai controlli utilizzando dei data binding.
Obiettivi
In questo articolo vedremo come:
- Creare una nuova applicazione Windows Store utilizzando i template di Visual Studio 2012.
- Comprendere la struttura del progetto.
- Definire il brand dell'applicazione fornendo immagini personalizzate per tile e altri elementi.
- Utilizzare XMLHttpRequest via WinJS.xhr per recuperare i dati di una ricetta culinaria da un servizio REST.
- Usare i dati e associarli a un controllo ListView.
- Utilizzare i data template per personalizzare la loro presentazione.
- Modificare il codice e il markup generato da Visual Studio per personalizzare l'interfaccia utente dell'applicazione.
Requisiti di sistema
Per completare questo lab sono necessari i seguenti prerequisiti:
- Microsoft Windows 8.
- Microsoft Visual Studio 2012 (qualsiasi edizione, anche Visual Studio 2012 Express per Windows 8).
Setup
È necessario eseguire le seguenti operazioni per preparare il computer per questo articolo:
- Installare Microsoft Windows 8.
- Installare Microsoft Visual Studio 2012.
Esercizi
Questa attività comprende i seguenti esercizi:
- Creare un'app Windows Store
- Caricare i dati della ricetta
- Personalizzare l'interfaccia
Tempo stimato per il completamento: da 40 a 60 minuti
