Table des matières. Introduction... Prérequis du livre... Code source... IX XI XI

Transcription

1 Table des matières III Table des matières Introduction... Prérequis du livre... Code source... IX XI XI 1. Conception d une application Windows Store... 1 Structure d une application Windows Store... 2 Les principes de conception Microsoft Design Style... 2 Caractéristiques universelles des applications Windows Store... 4 Création d une première application Windows Store... 9 Lancement du projet Visual Studio... 9 Déclaration des capacités de l application Création de la page HTML Création de la feuille de styles CSS Création du fi chier JavaScript Exécution de l application Composants d une application Windows Store Langage JavaScript Standard HTML Feuilles de styles CSS Windows Runtime La librairie Windows Library for JavaScript Et jquery? Conception d applications avec Visual Studio Les modèles de projets d application Windows Store Exécution d une application Windows Store Débogage d une application Windows Store La console JavaScript Pose de points d arrêt L Explorateur DOM Publication dans Windows Store Ouverture d un compte développeur Télécharger votre application Certifi cation de l application Résumé... 40

2 IV Développement d applications Windows 8 avec HTML et JavaScript 2. Principes de WinJS Espaces de noms, modules et classes Utilisation d un espace de noms Exploitation du patron de module Défi nition et utilisation de classes Programmation asynchrone et promesses Utilisation des promesses Choisir entre then() et done() Création d une promesse Création d une promesse avec timeout Annulation d une promesse Combinaison de promesses Récupération d éléments DOM avec des sélecteurs de requêtes Lancement d une requête avec WinJS.Utilities.query() Récupération d un seul élément avec WinJS.Utilities.id() Utilisation de WinJS.Utilities.children() Utilisation de la classe QueryCollection Appels Ajax grâce à la fonction xhr() Choix du type de réponse attendu Personnalisation des propriétés de l objet XmlHttpRequest Résumé Observateurs, liaisons et templates Principe des observateurs Création d un observateur Création d un auditeur d observateur Coalescences de notifi cations Contournement d une notifi cation Utilisation de l objet WinJS.Binding.List Création d une collection d observateurs Liaisons de données déclaratives Liaisons de données déclaratives et observateurs Capture du contenu d un formulaire HTML Liaison de données déclarative et contrôles WinJS Liaison de données déclarative et convertisseurs de liaison Principes des templates Création d un template impératif Création d un template déclaratif Utilisation d un template avec un sélecteur de requêtes Création d un template externe Résumé

3 Table des matières V 4. Les contrôles WinJS Présentation des contrôles WinJS Création déclarative d un contrôle WinJS Création impérative d un contrôle WinJS Configuration des options d un contrôle Récupération d un contrôle dans un document HTML Le contrôle Tooltip La propriété contentelement Contrôle du style d une bulle d aide Le contrôle ToggleSwitch Lecture de l état d un contrôle ToggleSwitch Le contrôle Rating Personnalisation du classement Récupération d une attribution de note Le contrôle DatePicker Contrôle du format d année, de mois et de jour Affi chage de l année, du mois ou du jour seulement Récupération de la date sélectionnée Le contrôle TimePicker Lecture et réglage de l heure actuelle Contrôle du format d heure, de minute et du séparateur Le contrôle FlipView Affichage des numéros de pages Création de boutons spécifi ques pour FlipView Résumé Création de formulaires La validation de formulaires HTML L attribut required L attribut pattern Réalisation d une validation spécifique Personnalisation du style d erreur de validation Réinitialisation d un formulaire Les éléments de saisie HTML Légendes des champs de formulaires Saisie d une valeur numérique Saisie d une valeur numérique limitée à une plage Saisie d une adresse de messagerie, d une URL, d un numéro de téléphone ou d un critère de recherche Saisie d une valeur dans une sélection Sélection d un fi chier Création d un éditeur de texte enrichi

4 VI Développement d applications Windows 8 avec HTML et JavaScript Affichage d une progression Résumé Menus et flyouts Le contrôle Flyout Le contrôle Menu Le contrôle AppBar Création d une barre d application simple Les commandes d une barre d application Affi chage de commandes contextuelles Configuration des paramètres d application Création d une page de paramètres À propos Création d une page de paramètres personnels Affichage d une boîte de dialogue Windows Résumé Le contrôle ListView Présentation du contrôle ListView Présentation Liste et présentation Grille Gestion du chevauchement des éléments ListView Sélection d éléments dans un ListView Création d une vue Maître/Détails Sélection de plusieurs éléments Tri d éléments dans un ListView Filtrage d éléments dans un ListView Regroupement d éléments dans un ListView Changement de vue avec le zoom sémantique Changement dynamique de modèles de ListView Chargement incrémental des éléments dans un ListView Résumé Création de sources de données Création d une source de données spécifique Création d une classe de source de données Création d un adaptateur de données La méthode getcount() La méthode itemsfromindex() La méthode insertatend() La méthode remove() La méthode change() Gestion des erreurs La méthode setnotifi cationhandler()

5 Table des matières VII Création d une source de données fichier Utilisation de la source de données fi chier Création d une source de données web Création de la source de données Création du service web Utilisation de la source de données Web service Création d une source de données IndexedDB Présentation de IndexedDB Utilisation d une source de données IndexedDB Résumé Événements et états applicatifs Événements applicatifs Gestion de l événement activated Gestion de l événement error Retarder un événement avec une promesse Création d un événement spécifi que Suspendre, terminer et reprendre une application Détection de l état suspendu ou terminé d une application Détection de l état d exécution précédent Test de l état applicatif avec Visual Studio Sauvegarde de l état de session États d affichage d une application Les formats ancré, rempli, portrait et paysage Utilisation des requêtes de média La méthode JavaScript matchmedia() Définition d un cadre d affichage Viewport Résumé Fragments de page et navigation Le contrôle HtmlControl Création d un contrôle de page Création d une application monopage Création d une application de navigation La page default.html d une application de navigation Ajout d un contrôle de seconde page à l application Navigation vers une autre page Fonctionnement de l API de navigation Le contrôle PageControlNavigator Les états de navigation Résumé

6 VIII Développement d applications Windows 8 avec HTML et JavaScript 11. L API Live Connect Installation de Live SDK Ajout d une référence au Live SDK Inscription de votre application Initialisation du SDK Live Connect Spécifi cation d étendues (scopes) Authentification d un utilisateur Utilisation de WL.login() Le contrôle SignIn Événements d authentification Transmettre un jeton d authentification à un service web Envoi du jeton d authentifi cation depuis l application Windows Store Vérifi cation du jeton d authentifi cation dans un service web Récupération de l identifi ant utilisateur Récupération des informations de base d un utilisateur Stockage et récupération de fichiers depuis SkyDrive Affi chage de la liste des dossiers et fi chiers SkyDrive Téléchargement de fi chiers depuis SkyDrive Transfert de fi chiers vers SkyDrive Résumé Graphiques et jeux Structure générale du jeu Création des pavés graphiques Lecture des sons du jeu Création du canevas du jeu Lecture des actions du joueur Création de la boucle d actualisation (update) Création de la boucle de rendu (render) Résumé