Cross Platform Mobile Development (Andoid, IOS..)

Cours CROSS

Classe présentielle

  • Ref. CROSS
  • 2 jours
  • Campus Genève / Lausanne
  • CHF 2,000.00

Sur-mesure

  • Ref. CROSS
  • A définir
  • Campus ITTA / Site client
  • Sur demande
Introduction 
Selon un récent rapport sur les meilleures tendances de développement, le développement mobile continuera à être énorme, alimentant ainsi la demande d'applications natives et Web conçues pour les appareils mobiles. Cependant, à mesure que les périphériques et les interfaces continuent à proliférer, le développement d'applications natives deviendra une entreprise paralysante. Dans un tel scénario, PhoneGap, HTML5 et d'autres technologies Web connexes joueront un rôle critique et dominant dans l'avenir du développement d'applications.
Ionic est un puissant SDK HTML5 qui vous aide à créer des applications mobiles natives à l'aide de technologies Web telles que HTML, CSS et JavaScript. Il s'agit d'une solution idéale pour les développeurs Web intéressés par le développement mobile car il leur permet de tirer parti des compétences existantes plutôt que de partir de zéro avec un langage compilé spécifique à l'appareil. AngularJS est un framework structurel pour les applications web dynamiques. Il vous permet d'utiliser HTML comme langage de modèle et vous permet d'étendre la syntaxe HTML pour exprimer clairement et succinctement les composants de votre application. La liaison de données et l'injection de dépendance d'Angular éliminent une grande partie du code que vous auriez autrement à écrire.
 
Objectifs 
A l'issue de cette formation, les participants seront à même de :
  • Créer des applications mobiles hybrides qui ne sont ni natives ni entièrement basées sur le Web, grâce aux plates-formes de développement d'applications populaires: PhoneGap, Ionic et AngularJS
  • Créer des applications interactives et riches en fonctionnalités destinées aux plates-formes mobiles populaires telles que Microsoft Windows Phone 8, Google Android et Apple iOS
Connaissances préalables 
Avant d'assister à ce cours, les participants doivent avoir suivi ou avoir les connaissances couvertes par les formations suivantes :
Contenu du cours 
Module 1 : Introduction à PhoneGap
  • Leçon 1 : Avantages de PhoneGap
  • Leçon 2 : Introduction à HTML, CSS et Javascript
  • Leçon 3 : Télécharger et installer PhoneGap
  • Leçon 4 : Mettre en place l'environnement
  • Leçon 5 : PhoneGap build
 
Module 2 : Conception d'interface graphique
  • Leçon 1 : Introduction à jQuery Mobile
  • Leçon 2 : Créer une interface graphique fantastique en utilisant HTML, CSS et jQuery mobile
  • Leçon 3 : Ajout de composants d'interface graphique à l'aide de JQUERY mobile

Module 3 : API PhoneGap
  • Leçon 1 : API de Hardware
  • Leçon 2 : Caméra
  • Leçon 3 : Accéléromètre
  • Leçon 4 : La mise en réseau

Module 4 : Autres fonctionnalités de PhoneGap
  • Leçon 1 : Informations sur le périphérique et notification
  • Leçon 2 : Obtenir des informations de l'appareil
  • Leçon 3 : Notifications
  • Leçon 4 : Alerts
  • Leçon 5 : Splash Screen et événements
  • Leçon 6 : Gestion de base de données
  • Leçon 7 : Fonctions d'écoute d'événement et de périphérique prêt
  • Leçon 8 : Espace de rangement
  • Leçon 9 : Utiliser la BD SQLite
  • Leçon 10 : Contacts
  • Leçon 11 : Accès aux contacts du périphérique
  • Leçon 12 : Ajout et modification de contacts

Module 5 : La pile HTML5 / CSS3 / AngularJS / Cordova
  • Leçon 1 : Ionic - AngularJS et native-like.
  • Leçon 2 : Phonegap / Cordova
  • Leçon 3 : Demos et aperçu du code
  • Leçon 4 : AngularJS Intro
  • Leçon 5 : Le framework IONIC, pourquoi?
  • Leçon 6 : Ionic 1/2
  • Leçon 7 : NodeJS / NPM
 
Module 6 : AngularJS
  • Leçon 1 : Data Binding & Filters
  • Leçon 2 : Module, contrôleur et vues
  • Leçon 3 : Directives
  • Leçon 4 : Prestations de service
  • Leçon 5 : Routing
  • Leçon 6 : Changements de Angular 2
  • Leçon 7 : Composants
  • Leçon 8 : Typescript
  • Leçon 9 : Travailler avec le code angular

Module 7 : Ionic - Premiers pas
  • Leçon 1 : Installer les outils
  • Leçon 2 : Installer les paquets npm requis
  • Leçon 3 : Comprendre la CLI Ionic
  • Leçon 4 : Platform et SDK - Android / iOS
  • Leçon 5 : Démarrer un nouveau projet
  • Leçon 6 : Executer le projet
  • Leçon 7 : Affichage d'une application avec le navigateur
  • Leçon 8 : Affichage sur l'émulateur Android
  • Leçon 9 : Affichage sur l'émulateur iPhone

Module 8 : Ionic - App
  • Leçon 1 : Structure du projet
  • Leçon 2 : Logique d'application
  • Leçon 3 : Modèles d'écran
  • Leçon 4 : Composants Ionics
  • Leçon 5 : Navigation Stack
     
Module 9 : Intégration des fonctionnalités du périphérique dans l'application
  • Leçon 1 : Cordova CLI
  • Leçon 2 : ngCordova / natif Ionic
  • Leçon 3 : Device console
  • Leçon 4 : Ajout du plugin Camera
  • Leçon 5 : Image capture and upload
  • Leçon 6 : Geolocation
  • Leçon 7 : Mettre en place l'App Go Places
  • Leçon 8 : Configuration avec config.xml, icônes, illustrations
  • Leçon 9 : Personnaliser Ionic
  • Leçon 10 : Packager
     

Les formateurs dans ce domaine

Cette formation pourra être effectuée par une personne au profil équivalent.
Pierre-Eric Tavel
Intégration et développement d’applications