Sur Noupe : tutoriel jQuery Mobile création d’une application web de choix de restaurant

Ce contenu a été rédigé il y a 12 ans. Il se peut qu'il ne soit plus à jour.

Noupe m’a demandé d’écrire pour eux au moment où je préparais mes cours pour les étudiants du Master2 Caweb qui portaient sur la mobilité et jQuery Mobile. J’ai donc décidé de reprendre un des exercices proposés durant ce cours, de l’améliorer un peu, pour le publier sous forme de tutoriel sur Noupe.

jQuery Mobile Restaurant Picker mini app

La démo est une mini web-application créée en utilisant jQuery Mobile qui permet à un utilisateur de choisir un restaurant en fonction de la ville dans laquelle il se trouve, du plat choisi et des notes d’autres utilisateurs. Le tutoriel reprend les différentes étapes du « projet » : de la création de maquettes ou wireframe au produit final ( HTML CSS et JavaScript uniquement pas du côté serveur). Dans la première partie j’y explique l’utilisation de jQuery Mobile et du HTML5 pour créer les différentes pages, et dans une seconde partie quelques astuces CSS pour s’éloigner du look and feel de base de jQuery Mobile et donner un peu plus de personnalité à la mini application.

Vous pouvez jeter un coup d’oeil à l’application finale et également aller jouer avec le code  de l’application disponible sur github.

Et enfin pour les non allergiques à l’anglais vous pouvez aller lire le tutoriel sur Noupe :

jQuery Mobile Tutorial: Creating a Restaurant Picker Web App