26 sur 36 ont trouvé cela utile - Évaluez ce sujet

Créer votre première application du Windows Store en JavaScript

(Cette série de didacticiels est présentée dans Développer des applications d’actualités réussies pour Windows 8.)

Suivez cette série de didacticiels pour apprendre à utiliser JavaScript avec HTML5 et CSS, et à créer des applications du Windows Store.

Pour télécharger l’exemple correspondant, voir Prise en main de JavaScript : code complet pour la série de didacticiels.

Dans cette section

RubriqueDescription

Première partie : créer une application « Hello, world! »

Commencez ici pour créer votre première application, une simple application "Hello, world" qui affiche un message d’accueil personnalisé. Découvrez comment :

  • créer un projet ;
  • ajouter du contenu HTML à votre page d’accueil ;
  • gérer les entrées tactiles, les entrées effectuées à l’aide du stylet et les entrées effectuées à l’aide de souris ;
  • basculer entre la feuille de style à dominante claire et la feuille de style à dominante foncée ;
  • créer vos propres styles personnalisés ;
  • utiliser un contrôle de la Bibliothèque Windows pour JavaScript.

Deuxième partie : gérer le cycle de vie et l’état d’une application

Dans Windows 8, vous pouvez lancer plusieurs applications et passer de l’une à l’autre sans avoir à vous soucier d’un quelconque ralentissement du système ou de l’épuisement de la batterie. La raison en est que le système met automatiquement en suspens (et parfois arrête) les applications qui s’exécutent en arrière-plan pour vous. Une application bien conçue peut être mise en suspens, arrêtée et relancée par le système tout en donnant l’impression qu’elle n’a jamais cessé de s’exécuter.

Dans la deuxième partie de cette série de didacticiels, vous mettez à jour votre application "Hello, world!" pour répondre aux événements du cycle de vie et enregistrer les données de la session et de l’utilisateur.

Troisième partie : objets PageControl et navigation

L’application "Hello, world!" que vous avez créée dans les précédents didacticiels comprend une seule page de contenu, mais la plupart des applications réelles comprendront plusieurs pages. Dans ce tutoriel, vous copiez le code de votre application "Hello, world!" dans une nouvelle application qui utilise le modèle Navigation App, puis vous ajoutez une page supplémentaire et activez la navigation entre les pages de l’application.

Quatrième partie : disposition et vues

Dans ce didacticiel, nous passons en revue les principes de base de la création d’une interface utilisateur en HTML et CSS. Pour apprendre ces principes de base, vous créez une visionneuse de photos simple qui permet à l’utilisateur de choisir une image dans sa bibliothèque d’images, puis affiche l’image et quelques informations sur le fichier image. Pour ce didacticiel, nous partons de zéro avec une nouvelle application.

Cinquième partie : accès aux fichiers et sélecteurs

Dans ce didacticiel, vous allez ajouter des fonctionnalités à l’application que vous avez créée dans la Quatrième partie : disposition et vues. Vous traitez d’abord l’événement de clic du bouton "Obtenir la photo" pour ouvrir un sélecteur de fichiers et permettre à l’utilisateur de sélectionner une image dans la bibliothèque d’images. Vous liez ensuite des contrôles d’interface utilisateur à des propriétés de fichier pour afficher les informations sur l’image. Enfin, vous passez en revue ce que vous avez appris dans la Deuxième partie sur la méthode d’enregistrement de l’état d’application. Ici, vous utilisez MostRecentlyUsedList pour garder l’accès à l’image sélectionnée par l’utilisateur.

Sixième partie : créer un lecteur de blog

Maintenant que vous avez assimilé les principes de base, apprenez à créer une application plus complexe qui contient plusieurs pages et utilise des contrôles de la Bibliothèque Windows pour JavaScript pour créer un lecteur de blog.

Feuille de route de la documentation

Une fois les didacticiels terminés, consultez la feuille de route de la documentation pour voir la liste des ressources clés qui vous permettent d’en savoir plus sur la création d’applications du Windows Store en JavaScript.

 

Rubriques associées

Prise en main de JavaScript : code complet pour la série de didacticiels

 

 

© 2013 Microsoft. Tous droits réservés.