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

Résumé

- Logiciels : Visual Studio Code/SublimeText, Firefox, NodeJS, Android
- Systèmes : GNU/Linux (à jour) ou Windows 10
- Internet : Une bonne connexion pour télécharger les logiciels et dépendances à installer
- Durée : 28 heures
- Objectif : Maîtriser les bases de Ionic pour développer des applications mobiles multiplateformes rapidement et efficacement, tout en tirant parti de toutes les fonctionnalités des smartphones
- 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.
- Tarif : Nous consulter.
- Méthodes mobilisées : Alternance d’apports théoriques et d’exercices de mise en application pratique. Support numérique pour les apports théoriques, projet fil rouge partant de la mise en place de l’environnement jusqu’à la création d’une application permettant de créer un album photos en ligne
- 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
- Les avantages et inconvénients du multiplateformes
- Zoom sur les webviews

Cordova
- Rappels sur Cordova
- Installation de l’environnement de développement
- Installation des outils Android
- Commandes usuelles

Ionic
- Présentation de Ionic
- Apports de Ionic à Cordova
- Installation de Ionic
- Analyse du projet par défaut
- Projet fil rouge : Création du projet d’application mobile de base

Habiller l’application
- Rappels sur AngularJS
- Composants CSS
- Système de grille
- Projet fil rouge : Développement des écrans de création d’un album et de liste des photos

Dynamiser l’application
- Composants JS
- Projet fil rouge : 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

Navigation
- Système de routes
- Passage de paramètres entre vues
- Projet fil rouge : Developpement d’un écran de visualisation en plein écran des photos

Communication HTTP
- Rappels sur HTTP et REST
- Service $http
- Projet fil rouge : Connexion à une API REST pour récupérer et stocker les photos

Plugins
- Architecture du système de plugins
- Plugin de prise de photo
- Plugin de géolocalisation
- Plugin de partage social
- 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

Notions avancées
- Bonnes pratiques
- Optimisations et performances