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.
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.
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 : toutes nos formations sont accessibles aux personnes en situation de handicap, qu’il soit moteur, visuel, auditif ou cognitif ; quelles qu’en soient les particularités.
Nous pouvons proposer des solutions de compensation de nos prestations en adaptant les moyens pédagogiques, techniques et d’encadrement. Nos locaux sont en rez-de-chaussée avec des places de parkings extérieures juste devant l’entrée du bâtiment. Aussi, merci de nous informer de vos besoins d’adaptation ; les échanges peuvent se faire et rester en toute confidentialité.
Taux de satisfaction 2i2l : 95 % des stagiaires sont "très satisfaits" ou "satisfaits" à l’issue de leur formation.
Tarif : pour une demande de formation interne, nous consulter.

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.