Ionic 3 par la Pratique
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Ionic 3 par la Pratique

Codeconcept
39,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Formation ionic pour développer des applications mobiles hybrides

Ionic couplé à Cordova reste un duo efficace et apprécié des développeuses et développeurs mobiles hybrides. En un seul développement vous pourrez créer une application mobile compatible iOS et Android
Cette formation vous permettra de prendre en main Ionic sans sa version 3.

Ce cours en ligne propose une approche pratique : vous réaliserez 2 applications !
C'est ce que nous ferons en créant deux applications.

La première application que nous développerons ensemble nous permettra de créer :

  • une application basée sur des tabs
  • de la personnaliser
  • d'utiliser des composants Ionic tels LoadingController, Toasts, Searchbar ... etc ...
  • voir ou revoir la création de formulaires permettant à vos utilisateurs de saisir des données
  • persister dans IndexedDB à la l'aide de Dexie, dont la nouvelle version a introduit quelques breaking changes

La seconde application - baptisée FoodEval, vous permettra d'utiliser non seulement le hardware de votre device (en l’occurrence le scanner), mais aussi, d'interagir avec une API open source que vous requêterez en lui passant vos données scannées. Le tout, pour un résultat très utile, puisque FoodEval :

  • vous permettra de scanner des produits alimentaires trouvés en magasin afin de connaitre les ingrédients et les macro-nutriments qu'ils contiennent
  • vous donnera l’occasion de persister vos données dans une base NoSQL, Firebase, et ceci grâce  à la librairie officielle AngularFire.

Les fichiers de travail sont fournis avec le cours. Et je reste disponible dans le salon d'entraide de la formation pour répondre à vos éventuelles questions.
Bonne découverte de Ionic 3 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Projet 1 - Démarrage du projet "Veille Techno" (basé sur Ionic3, Dexie)
Chapitre 2
Accès aux données et recherche
Chapitre 3
Persister les données dans indexedDB avec Dexie
Chapitre 4
Projet 2 "FoodEval" (basé sur Ionic 3, Ionic Native, Firebase et AngularFire)

Plan détaillé du cours

Chapitre 1 : Projet 1 - Démarrage du projet "Veille Techno" (basé sur Ionic3, Dexie)
36m19s
 
Leçon 1Générer une nouvelle application
Leçon 2Présentation et personnalisation de l'application générée
Leçon 3Personnaliser les tabs
Chapitre 2 : Accès aux données et recherche
1h49m
 
Leçon 1Générer un service
Leçon 2Consommer un service + utiliser le LoadingController
Leçon 3Implémenter une recherche
Leçon 4Créer un formulaire d'ajout de technologie
Leçon 5Gérer la soumission du formulaire
Leçon 6Exécutions multiples grâce à ionViewWillEnter (par opposition à ionViewWillLoad)
Leçon 7Créer le formulaire d’ajout de schedule (incluant ion-range et ion-datetime)
Leçon 8Soumission du formulaire de création de schedule
Leçon 9Afficher un toast
Leçon 10Appliquer un style à un toast
Leçon 11Afficher tous les schedules
Leçon 12Améliorations diverses
Chapitre 3 : Persister les données dans indexedDB avec Dexie
29m59s
 
Leçon 1Présentation et installation de Dexie
Leçon 2Création d'une base de donnée
Leçon 3Persister une technologie en base
Leçon 4Persister un schedule en base
Chapitre 4 : Projet 2 "FoodEval" (basé sur Ionic 3, Ionic Native, Firebase et AngularFire)
1h49m
 
Leçon 1Génération du projet
Leçon 2Ajouter un bouton de menu
Leçon 3Ajouter une icone "burger"
Leçon 4Personnaliser le thème de votre application
Leçon 5Installation du plugin cordova barcode-scanner
Leçon 6Ajouter et personnaliser un FAB (Floating Action Button)
Leçon 7Imports relatifs à Barcode Scanner
Leçon 8Implémenter le scan
Leçon 9Test sur un vrai device à l'aide de Ionic DevApp
Leçon 10Démo - Test sur un vrai device à l'aide de Ionic DevApp
Leçon 11Async et await (ES7)
Leçon 12JSON pipe
Leçon 13Requêter une API REST
Leçon 14Afficher les données de l'API dans l'application Ionic
Leçon 15Firebase et AngularFire 2
Leçon 16Firebase et AngularFire : préparation
Leçon 17Persister dans Firebase

Aperçus

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Ionic

Quel est le niveau requis pour suivre ce tuto ?

débutant

Bonjour, je n'ai jamais developpé une application mobile, pensez-vous qu'après cette formation, je pourrai en faire?

Bonjour, oui car durant cette formation, deux applications sont créées en utilisant les APIs et les techniques les plus couramment utilisées en développement mobile hybride. Une fois le cours achevé, il faudra commencer par créer une application mobile qui propose une unique fonctionnalité. Cela permet d'éprouver la satisfaction d'achever un projet. Puis créer des applications un peu plus élaborées. A noter que le pré-requis de ce cours est de connaître les fondamentaux d'Angular 2+ : Modules, Components, Services, Http, Input et Output decorators, RxJS et le routage. Si vous les maîtrisez, vous êtes prêt à apprendre à créer des applications mobiles avec Ionic. Sinon, il est préférable de suivre mon autre cours consacré à Angular 6 avant d'attaquer celui-ci.

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données