Ionic

Formation Ionic : développer des applications mobiles avec Cordova et AngularJS Apprendre à développer des applications mobiles

Formation Ionic pour développer des applications mobiles avec Cordova et AngularJS.

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.

Résumé

- Logiciels : Visual Studio Code/SublimeText, Firefox, NodeJS, Android
- Version : dernière version en cours de Ionic, Angular et Cordova.
- Systèmes : GNU/Linux (à jour) ou Windows 10
- Internet : Une bonne connexion pour télécharger les logiciels et dépendances à installer
- Durée : 35 heures
- Objectif : Maîtriser les bases de Ionic pour développer des applications mobiles multi-plateforme rapidement et efficacement, tout en tirant parti de toutes les fonctionnalités des smartphones :
- Créer des listes et des formulaires
- Communiquer avec un serveur web
- Utiliser des plugins (photos, géolocalisation, réseaux sociaux)
- Public : Développeurs web et mobiles
- Pré-requis : Bonnes connaissances de Javascript et des technologies web, connaissances de base d’AngularJS. Avoir des besoins métier. Avoir des bases en HTML (HTML5), CSS (CSS3) et JavaScript.
- Tarif : Nous consulter.
- Méthodes mobilisées : Alternance d’apports théoriques et d’exercices de mise en application pratique. 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.
- Modalités et délais d’accès : Sur inscription préalable au minimum 1 semaine avant le début de la formation selon disponibilité du formateur.
- Modalités d’évaluations : Une évaluation du niveau des stagiaires est réalisée avant l’entrée en formation par téléphone ou au moyen d’un questionnaire. Évaluation des acquis et de la satisfaction en fin de formation.
- Accessibilité aux personnes en situation de handicap : Conformité du matériel et des locaux aux personnes à mobilité réduite. Nous informer si un stagiaire en situation de handicap demande une adaptation.
- Taux de satisfaction 2i2l : 100% des stagiaires sont "satisfaits" ou "très satisfaits" à l’issue de leur formation.

Présentation

Liens Ionic :

- Le site officiel de Cordova
- Le site officiel de Ionic
- Le site officiel de NodeJS
- Le site officiel de Visual Studio Code

- NodeJS sur Wikipédia
- Cordova sur Wikipédia
- Ionic sur Wikipédia

- Licence de Cordova
- Licence de Ionic
- Licence de NodeJS
- Licence de Visual Studio Code

Programme

Applications mobiles multiplateformes
- Ecosystème mobile d’aujourd’hui
- Différencier les avantages et inconvénients du multiplateformes
- Zoom sur les webviews
- Installer NODE.JS
- Gérer des dépendances Node npm
- Utiliser NodeJS

Angular
- Comprendre le langage TypeScript
- Utiliser les outils pour TypeScript
- Utiliser des modules et dépendances
- Utiliser des Composants et Templates
- Application et composant
- Pratiquer le Data Binding
- Gérer des événements
- Utiliser les directives de structure
- Utiliser les pipes et le formatage
- Créer des formulaires
- Lier un formulaire au modèle
- Valider les champs
- Gérer les erreurs
- Naviguer dans l’application

Ionic
- Découvrir Ionic
- Comprendre les apports de Ionic à Cordova
- Installer Ionic
- Analyser le projet par défaut
- Générer un Ionic Application
- Structurer un projet Ionic
- Utiliser les commandes CLI
- Pratiquer les Decorators et Classes
- Utiliser des templates
- Mettre en page (Layout)
- Appliquer des styles et thèmes
- Naviguer
- Configurer les saisies utilisateurs : User Inputs

Cordova
- Manipuler le HardWare du device
- Identifier les points essentiels sur Cordova
- Installer l’environnement de développement
- Pratiquer les commandes usuelles
- Découvrir et installer des plugins
- Lister les plugins de Cordova
- Installer des extensions : Batterie, GPS, appareil photo, contacts, gyroscope
- Prendre des photos avec l’appareil photo
- Sauvegarder et charger des Photos
- Utiliser Custom Pipe & Diaporama (Slideshow)
- Permettre la géolocalisation
- Mettre en page avec onglets (Tabs)
- Créer des formulaires utilisateur
- Mettre en œuvre Google Maps et la Géolocalisation
- Sauvegarder et récupérer des données
- Réutiliser des composants (Components)

Communication HTTP
- Gérer des Services par Angular
- Injecter des dépendances
- Créer des services injectables
- Structurer ses services
- Rendre visibles des fonctions
- Communiquer avec le serveur
- Concevoir des requêtes Ajax avec le module http
- Rappels sur HTTP et REST
- Projet fil rouge : Se connecter à une API REST pour récupérer et stocker les photos

Build et déploiement sur mobiles
- Automatiser la création des icônes et écrans de démarrage
- Identifier les services de la "Ionic Platform"
- Utiliser "Build" service de compilation
- Pratiquer un cycle de déploiement continu
- Déployer sur Android, IOS et Windows Phone
- Connaître les plugins
- Créer l’architecture du système de plugins
- Configurer le plugin de prise de photo
- Configurer le plugin de géolocalisation
- Installer le plugin de partage social
- Projet fil rouge : Prendre des photos depuis l’appareil du téléphone, géolocaliser des photos avant envoi et partager l’album par l’intermédiaire des réseaux sociaux

Notions avancées
- Utiliser les bonnes pratiques
- Optimiser les performances

Travaux pratiques
- Créer un projet d’application mobile de base
- Développer des écrans de création d’un album et de liste de photos
- Intégrer un carrousel pour l’affichage des photos, adapter l’affichage en fonction de l’orientation de l’écran, prendre en compte les gestes utilisateurs
- Développer un écran de visualisation en plein écran des photos
- Connecter à un service Web REST pour récupérer et stocker les photos
- Prendre des photos depuis le téléphone, géolocaliser des photos avant envoi et partager l’album par l’intermédiaire des réseaux sociaux.