On oppose en général les applications natives, diffusées sur des Appstores, et les WebApps qui sont des applications adaptées pour le mobile. Mais attention à ne pas confondre WebApp et site en responsive ! Pour y voir clair, venez coder votre première WebApp !

Formation

Je veux plus d'informations
 
5 jours / 35 heures

Objectifs

Vous apprendrez à créer votre première WebApp en choisissant vos spécifications techniques.

Public concerné

Vous êtes graphiste ou Webdesigner, cette formation est faite pour vous.

Programme

Introduction

  • Différenciez une WebApp, d’un application native ou d’un site en Responsive Design
  • Quelle est la place du HTML5, CSS3, jQuery Mobile

Comprendre le rôle du design dans une WebApp

  • Les spécificités du support mobile
  • Les choses que vous devez connaître en design et en ergonomie
  • Créez une icone de bureau et une landing page

Découvrez le HTML5

  • Créez vos fichiers JQuery,  et CSS, intégrez vos Metatags et infobulles
  • Travaillez avec les data-role
  • Déclarez les data-transition

Prévisualisez votre WebApp et mettez-là en ligne

  • Testez la WebApp via différents navigateurs et protocoles de tests
  • Hébergez votre WebApp et paramétrez votre serveur

Architecturez l’information

  • Intégrez du texte, votre police de caractères et vos contenus rich media
  • Créez et gérez des arrière-plans
  • Créez des liens entrants et sortants, travaillez vos contours et visuels
  • Optimisez l’affichage du header et du footer, des call-to-action
  • Créez des  angles arrondis, des ombres, des listes
  • Créez un diaporama d’images en fondu
  • Mettez en place un slideshow avec navigation, l’événement swipe

Incitez vos utilisateurs à entrer en contact

  • Mettez en ligne un formulaire et des liens de prise de contact
  • Travaillez votre base et les données collectées

Tirez parti de la géololocalisation

  • Intégrez et afficher une carte Google Maps
  • Utilisez les API comme celle de Google Maps
  • Personnalisez les repères

Optimisez votre WebApp pour les différents terminaux

  • Découvrez les différentes résolutions d'écran et les modes d’orientation : paysage ou portrait
  • Utilisez les ratios
  • Proposez l’accès à votre WebApp en mode offline