Formation Développer des applications mobiles multiplateformes.

Programme de formation Développer des applications mobiles multiplateformes.

Panorama des plateformes & choix de l’approche

Familles de terminaux (smartphones, tablettes) et spécificités
Technologies et environnements de développement : limites, coûts, portabilité
Objective-C/Swift (iPhone, iPad), Java (Android), C# .NET (Windows 10, Xamarin), Tizen, Firefox OS
Tailles d’écrans et solutions d’adaptation
Contraintes matérielles (CPU, mémoire)

Navigateurs, moteurs et outillage

Différences entre navigateurs : moteurs JavaScript, CSS, limites des plug-ins (Flash, PDF…), autres spécificités
WebKit, Gecko : principes et impacts
User-Agent : détection et intégration
Rappels HTML, CSS, JavaScript
Outils modernes : Node.js, npm, Bower, Gulp…
Outils de développement, test et simulation
Communication Ajax : usages et limites sur mobile
Atelier : mise en place d’un environnement de travail dédié au mobile

Structure et mise en page en HTML5/CSS3 pour le mobile

Balises META et spécifiques : viewport, paramétrage dynamique des CSS
Balises de structure, tableaux
Liens et options (accesskey)
Images : formats et optimisation (poids)
Textes (p, span), blocs (div) et canvas
Formulaires : nouveaux types (daterange, slider…), clavier numérique
CSS multicanal : positionnement (z-index, display…), navigation entre éléments
Apports de CSS3 ; industrialisation avec Bootstrap, Sass, Compass, Less
Tests de conformité W3C : outils de validation
Atelier : formulaires, boutons et composants ; rotation du terminal via CSS

Comportements, APIs web et performance sur mobile

DOM : impact sur la portabilité multi-terminal
Environnement mobile : capteurs, batterie, détection réseau
Événements multitouch : gesture, touch, drag & drop
Protocoles : WebSocket et Ajax ; atouts de Node.js
API de dessin : formes, palette, manipulation d’images
Atelier : gestion des événements « touch », drag & drop, mini-outil de dessin ; serveur WebSocket avec Node.js ; détection des coupures réseau

Frameworks et UI multiplateformes

Pourquoi un framework ? critères de sélection
Cordova (PhoneGap) et outils de publication
AngularJS 2.0 orienté mobile
Mobile Angular UI : apps HTML5 avec Bootstrap et AngularJS
Ionic : applications « natives » avec Cordova et AngularJS
Frameworks Material Design : Polymer, Materialize CSS…
Publication sur App Store / Google Play : processus
Démarches administratives : Apple Developer Program, certificats
Atelier : tour d’horizon des frameworks ; projet Material Design, intégration Cordova et génération d’une app multi-OS

Données locales et mode déconnecté

Stratégie « hors-ligne »
Manifest et mise en cache des ressources du site mobile
Bases embarquées : SQLite, IndexedDB
Langage SQL et outils d’administration
Pilotage en JavaScript (création de tables, requêtes…)
Cache côté client : localStorage, sessionStorage
Compatibilité legacy : Google Gears pour terminaux non HTML5
Atelier : création d’un gestionnaire de notes avec base embarquée

Géolocalisation et cartographie

Options de prise en charge de la géolocalisation du mobile
Intégration de Google Maps
Atelier : centrer la carte sur la position du mobile et afficher des marqueurs