Formation Concevoir des applications mobiles performantes


Objectifs
  • Acquérir les différentes techniques permettant de concevoir et d'optimiser des sites mobiles adaptés aux différents formats de terminaux
  • Savoir faire un audit de performance d'une application mobile
  • Apprendre à éviter les pièges d'une ergonomie responsive
  • Pouvoir donner de la visibilité à une application mobile
Participants
  • Développeur web
  • Infographiste
  • Web designer
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 3 jours
  • Réf. : WEB75

Dates de Formations

10 au 12 Avril 2019

26 au 28 Juin 2019

08 au 10 Aout 2019

23 au 25 Oct. 2019

25 au 27 Déc. 2019

Programme
  • 1/ Environnement de test
    • • Outils de tests mobile : gesture, performance réseau...
    • • Présentation de Google DevTools, pagespeed
    • • Mesurer la performance d'une application
    • • Construction de binaires avec Node.js/Phonegap
    • • Outils de performance et de développement
    • • Exercice
  • 2/ Optimisation de l'application
    • • Optimiser le chargement des ressources, mode asynchrone et différé
    • • Mise en place d'une stratégie de cache
    • • Optimiser les ressources graphiques
    • • Compression des CSS/JavaScript
    • • CPU front end, back end. Les WebWorker
    • • Exercice
  • 3/ Design et device
    • • Définir un plan d'actions selon la qualité du réseau
    • • Détecter le changement d'orientation
    • • Evènement périphérique : multitouch, orientation...
    • • Exercice
  • 4/ Responsive design
    • • Comment créer un responsive performant
    • • Contenu fluide : multicolonne, découpage multipage
    • • CSS3, viewport, media-queries
    • • Composant graphique : indicateur de progression...
    • • Exercice
  • 5/ Référencement et statistiques d'utilisation
    • • Référencer une application sur le Web, dans un store
    • • Suivi statistique des usages, remontée d'anomalies
  • 6/ Ergonomie tactile
    • • Critères d'ergonomie d'une interface tactile et des événements (touch, gesture...)
    • • Faire évoluer l'ergonomie et les fonctionnalités d'un site Web vers le mobile
    • • Différences entre les ergonomies mobiles et tablettes
    • • Définition du contenu : page d'accueil, rédactionnel...
    • • Mode de navigation : fil d'ariane, menus de navigation...
    • • Exercice
  • 7/ Framework Web mobile
    • • Présentation des frameworks Web, natifs
    • • Choisir un framework, impact sur la performance
    • • Optimisation graphique Material Design
    • • Exercice
  • 8/ Design des publications numériques
    • • Format des publications. Livres iPad, KindlePad...
    • • Publication dans les bookstores
    • • Exercice