$ 39.00

Tuto Ionic 3 par la Pratique avec Ionic

$ 39.00

  • Une formation vidéo de 4h45m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 !

Table des matières de cette formation Ionic (durée : 4h45m)

  • Projet 1 - Démarrage du projet "Veille Techno" (basé sur Ionic3, Dexie)
    • Générer une nouvelle application gratuit 00:06:06
    • Présentation et personnalisation de l'application générée gratuit 00:18:26
    • Personnaliser les tabs gratuit 00:11:47
  • Accès aux données et recherche
    • Générer un service 00:15:07
    • Consommer un service + utiliser le LoadingController 00:11:06
    • Implémenter une recherche 00:08:37
    • Créer un formulaire d'ajout de technologie 00:17:31
    • Gérer la soumission du formulaire 00:05:04
    • Exécutions multiples grâce à ionViewWillEnter (par opposition à ionViewWillLoad) 00:06:12
    • Créer le formulaire d’ajout de schedule (incluant ion-range et ion-datetime) 00:12:21
    • Soumission du formulaire de création de schedule 00:05:05
    • Afficher un toast 00:01:57
    • Appliquer un style à un toast 00:02:21
    • Afficher tous les schedules 00:17:36
    • Améliorations diverses 00:06:46
  • Persister les données dans indexedDB avec Dexie
    • Présentation et installation de Dexie 00:03:26
    • Création d'une base de donnée 00:08:55
    • Persister une technologie en base 00:02:49
    • Persister un schedule en base 00:14:49
  • Projet 2 "FoodEval" (basé sur Ionic 3, Ionic Native, Firebase et AngularFire)
    • Génération du projet 00:09:07
    • Ajouter un bouton de menu 00:12:03
    • Ajouter une icone "burger" 00:04:34
    • Personnaliser le thème de votre application 00:05:01
    • Installation du plugin cordova barcode-scanner 00:04:27
    • Ajouter et personnaliser un FAB (Floating Action Button) 00:07:18
    • Imports relatifs à Barcode Scanner 00:04:49
    • Implémenter le scan 00:09:19
    • Test sur un vrai device à l'aide de Ionic DevApp 00:05:23
    • Démo - Test sur un vrai device à l'aide de Ionic DevApp 00:03:11
    • Async et await (ES7) 00:01:58
    • JSON pipe 00:01:01
    • Requêter une API REST 00:10:31
    • Afficher les données de l'API dans l'application Ionic 00:07:19
    • Firebase et AngularFire 2 00:08:18
    • Firebase et AngularFire : préparation 00:05:52
    • Persister dans Firebase 00:09:10



Formateur : Codeconcept

Codeconcept a publié 16 tutoriels et obtenu une note moyenne de 4,6/5 sur 144 tutoriels vendus. Voir les autres formations de Codeconcept

  • 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.
accédez à plus de 1125 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données