Formation Développement d'application pour mobiles multi plateformes (Iphone, Android,Windows Phone, ...)

Concepts et architecture d'une application pour mobile Bien comprendre le rôle de chaque technologie (HTML, CSS, XML, JavaScript, ...) Qu'entend-on par « Application Ajax » (Asynchronous Javascript and XML) ? Quelles différences avec un développement en Java (android) ou Objective C (iPhone) ? Comparaison avec les applications Web traditionnelles Rappels syntaxiques et compléments (HTML, JavaScript, CSS) Gérer des textes, Images, Liens, Listes, Blocs en HTML5 Bonnes pratiques à propos de la présentation des données (CSS ) L'identification et le regroupement d'éléments (class, id, span, div) Maîtriser le positionnement avec le modèle des boîtes dans CSS (margin, border, padding, bottom, top) Empiler les images (z-index, l'exemple du jeu de cartes) Valider son document comme conforme aux standards du Web (W3C) Rappels syntaxiques sur JavaScript (variables, tests, boucles, fonctions) La représentation d'une page HTML sous forme d'arbre (DOM : Document Object Model) Afficher et interagir dynamiquement avec l'information présentée (DOM et JavaScript, événements : onclick, onmouseover, ...) Les transformations CSS (webkit-xxxx, rotation, translation, zoom, inclinaison, ...) HTML5, pour profiter au maximum du web dans notre application Doctype, namespaces, encoding Sections, entête, pied de page, navigation, articles... Eléments sémantiques Dates et temps Dessiner en JavaScript : l'élément canvas L'élément vidéo Communication : Sockets et Message provenant du serveur (push) Géolocalisation Base de données locale Cache d'application en locale CSS3, pour accompagner l'HTML5 Les bordures Les backgroungs Couleurs et opacité Les effets sur les textes Les animations et rotations Inclure ses propres polices Media Queries : ou comment gérer les plate formes cibles JQuery Mobile : un framework optimisé et dédié aux mobiles Les apports de Jquery Mobile JQuery : syntaxe , sélecteurs, événements Fenêtres Barres d'outils Formulaires Listes (avec et sans séparateurs) AJAX Créer son propre design Gérer les tablettes Intégrer du CSS3 dans une application JQuery Mobile Listes dynamiques avec appels AJAX Dynamiser son application JQuery Mobile Présentation de Sencha Touch : un framework HTML5 pour mobile Sencha Touch et les autres frameworks Compatibilité (OS, mobiles, écrans, navigateurs, ...) Le modèle MVC avec Sencha Touch Les containers Les composants Les Box, Cards, Panels, Tabs Barres d'outils, Icones, Boutons Les Formulaires : création, validation, soumission Les sliders Les appels réseaux avec Sencha Touch Manipulations XML et JSON Drag & Drop Le stockage des données (Ext.data.Model, Ext.data.Store) La géolocalisation (Ext.Util.Geolocalisation) Rendre native son application web avec Apache Cordova (PhoneGAP) Comment faire en sorte que son application ne soit plus « web dépendante » ? Que gagne-t-on à utiliser une application native ? L'exemple du SDK pour le développement Android Téléchargement, installation, et pré-requis pour utiliser Cordova Utilisation des simulateurs Android et iPhone Création d'une application Cordova via la l'outil de génération Ajout des plugins pour accéder aux fonctions natives du device Tests de portage du code HTML/CSS/Javascript pour différents types de téléphones (Android, iPhone, ...) Comparaison entre une application native et sa version « distante » Les aspects administratifs (iPhone developer Program, Certificats, ...) Gestion du GPS et de l'accéléromètre Gérer le vibreur Comment utiliser un son ? La gestion des contacts du téléphone Les fenêtres d'alerte Récupérer les images de l'appareil photoSensibilisation au responsive WEB Design Qu’est le Responsive Web Design ? Est-ce transparent pour le développeur ? Les outils ou méthodes dont il dispose Exemples de sites WEB responsive (mobile, Desktop) Présentation de Ionic Encore un framework HTML5 ? Ionic et performance Optimisé pour AngularJS Le modèle MVC avec Ionic Exemples de composants de présentation Intégration Cordova « native »