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
2 100 euros HT

Objectifs

* Comprendre les différences entre application native et WebApp * Intégrer les spécificités ergonomiques d'une WebApp * Penser une navigation adaptée * Créer une WebApp via les langages HTML, CSS, JavaScript et jQuery

Public concerné

Cette formation est accessible aux graphistes, maquettistes, chefs de projet et webdesigners.

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

Dans le même domaine

Wordpress

Formation

Saviez-vous que Wordpress est la solution de CMS la plus utilisée au monde, pour des blogs, des médias, mais aussi des sites e-commerce ? Sa facilité de prise en main, sa galaxie de plug-ins font de Wordpress l’une des solutions les plus populaires pour les éditeurs de sites web.