.Formation "IONIC"

Durée de la formation : 5 jours.

Objectifs : Dans cette formation, vous apprendrez à développer par la pratique des applications mobiles multiplateforme avec Ionic réalisées à l'aide des technologies Cordova et Angular. Cette formation permet aux développeurs Web de monter en compétence sur le développement d'applications mobiles, sans avoir recours au développement natif en Java ou Swift.

Pré-requis : Pour suivre cette formation de manière optimale, nous vous recommandons d’avoir des bases en HTML (HTML5), CSS (CSS3) et JavaScript.

Public : Cette formation s’adresse à un public de développeurs web et mobile.

Pédagogie : La formation s'articule autour d'un projet fil rouge de création et gestion d'albums photos. Ce projet permet de couvrir tous les aspects d'une application mobile classique : constitution de listes et de formulaires, communication avec un serveur Web, utilisation de plugins (photos, géolocalisation, réseaux sociaux) permettant de tirer parti des smartphones modernes. La formation sera réalisée sur la dernière version en cours de Ionic, Angular et Cordova.

Formation Ionic


Plan de la formation :


  1. Applications mobiles multiplateformes
    1. Ecosystème mobile d'aujourd'hui
    2. Les avantages et inconvénients du multiplateforme
    3. Zoom sur les webviews
    4. Installation de NODE.JS
    5. Gestion des dépendances Node npm
    6. Utilisation de NodeJS
  2. Angular
    1. Langage TypeScript
    2. Outils pour TypeScript
    3. Modules et dépendances
    4. Composants et Templates
    5. Application et composant
    6. Data Binding
    7. Gestion d'événements
    8. Directives de structure
    9. Pipes et formatage
    10. Formulaires
    11. Lier le formulaire au modèle
    12. Valider les champs
    13. Gérer les erreurs
    14. Navigation dans l'application
    15. Principe des routes
    16. Module Router
    17. Configuration des routes
    18. Navigation dans l'application
  3. Ionic
    1. Présentation de Ionic
    2. Apports de Ionic à Cordova
    3. Installation de Ionic
    4. Analyse du projet par défaut
    5. Génération d'un Ionic Application
    6. Structure d'un projet Ionic
    7. Commandes CLI
    8. Decorators, Classes
    9. Templates
    10. La mise en page (Layout)
    11. Styles et thèmes
    12. Navigation
    13. Saisies utilisateurs : User Input
  4. Cordova
    1. Manipulation du HardWare du device
    2. Points essentiels sur Cordova
    3. Installation de l'environnement de développement
    4. Commandes usuelles
    5. Découverte et installation des plugins
    6. Les plugins de Cordova
    7. Batterie, GPS, appareil photo, contacts, gyroscope
    8. Prendre des photos avec l'appareil photo
    9. Sauvegarde et Chargement des Photos
    10. Custom Pipe & Diaporama (Slideshow)
    11. Géolocalisation
    12. La mise en page avec onglets (Tabs)
    13. Les formulaires utilisateur
    14. Mise en œuvre de Google Maps et Géolocalisation
    15. Sauvegarde et récupération des données
    16. Réutilisation des composants (Components)
  5. Communication HTTP
    1. Gestion des Services par Angular
    2. Injections de dépendances
    3. Créer des services injectables
    4. Structurer ses services
    5. Visibilité des fonctions
    6. Communication avec le serveur
    7. Requêtes Ajax avec le module http
    8. Rappels sur HTTP et REST
    9. Projet fil rouge : Connexion à une API REST pour récupérer et stocker les photos
  6. Build et déploiement sur Mobiles
    1. Automatiser la création des icônes et écrans de démarrage
    2. Présentation des services de la "Ionic Platform"
    3. "Build" service de compilation
    4. Cycle de déploiement continu
    5. Déploiement sur Android, IOS et Windows Phone
    6. Plugins
    7. Architecture du système de plugins
    8. Plugin de prise de photo
    9. Plugin de géolocalisation
    10. Plugin de partage social
    11. Projet fil rouge : Prise de photos depuis l'appareil du téléphone, géolocalisation des photos avant envoi et partage de l'album par l'intermédiaire des réseaux sociaux
  7. Notions avancées
    1. Bonnes pratiques
    2. Optimisations et performances

Travaux pratiques :


- Création du projet d'application mobile de base
- Développement des écrans de création d'un album et de liste de photos
- Intégration d'un carrousel pour l'affichage des photos, adaptation de l'affichage en fonction de l'orientation de l'écran, prise en compte des gestes utilisateurs
- Développement d'un écran de visualisation en plein écran des photos
- Connexion à un service Web REST pour récupérer et stocker les photos
- Prise de photos depuis le téléphone, géolocalisation des photos avant envoi et partage de l'album par l'intermédiaire des réseaux sociaux


Liens :
- Site officiel Angular
- Site officiel Cordova
- Site officiel Ionic
- Page Wikipedia "Ionic"
- Livre "Ionic - Développez des applications mobiles multiplateformes avec Cordova et AngularJS"