Bonjour chers codeurs, codeuses et bienvenus sur cette formation Flutter et Dart qui sera orientée sur la gestion des cartes au sein de vos applications iOS et Android.
Avant de vous lancer dans ce cours, il est souhaitable de connaître au minimum :
- Les bases des Widgets Flutter.
- Les bases du langage Dart.
- Les bases de la programmation orientée objet.
Au programme de cette formation Flutter et les Cartes
Vous allez donc apprendre tout au long des vidéos à :
- Obtenir les permissions pour la géolocalisation,
- Obtenir la position de l'utilisateur,
- Intégrer une carte Opensource,
- Controler la carte: zoom/suivi de l'utilisateur,
- Ajout de marqueurs sur la carte,
- Ajout de popup qui apparaît lorsque l'on appuie sur un marqueur ,
- Ajout de Clusters sur la carte (avec ou sans popup) et avec une animation.
À la fin de ce cours en ligne, vous serez donc autonomes pour intégrer toutes sortes de cartes et pourquoi pas créer le futur Uber ?
Que vous possédiez un PC ou un MAC, vous pourrez suivre la formation sans aucun souci. Concernant l'IDE, j'utilise Android Studio, mais vous pouvez choisir évidemment l'IDE de votre choix compatible Flutter comme par exemple Visual Studio.
À noter que comme toute application Flutter, pour la lancer et la tester sur iOS, vous devez posséder un Mac tournant sous macOS et Xcode.
Vous êtes prêts ? Je vous attends sur la prochaine vidéo.
Table des matières de cette formation Flutter (durée : 3h51m)
-
Introduction
- 1-1: Introduction gratuit 00:04:37
- 1-2: Quelle carte va t'on utiliser? gratuit 00:06:20
- 1-3: Création du projet Flutter gratuit 00:05:57
-
Obtenir la position de l'utilisateur
- 2-1: Installation du package Geolocator 00:08:56
- 2-2: Le LocationManager 00:12:46
- 2-3: Montrer les coordonnées sur l'app 00:11:27
-
Flutter Map
- 3-1: La MapView 00:13:03
- 3-2: Réorganisation du code 00:08:14
- 3-3: Obtenir un Marker pour la position de l'utilisateur 00:02:11
- 3-4: La AppBarView 00:12:54
- 3-5: Zoom in et Zoom out 00:06:37
- 3-6: Observer les changements de position 00:09:12
- 3-7: Suivre ou ne pas suivre la position de l'utilisateur 00:04:58
-
Les Annotations
- 4-1: Le Drawer 00:10:32
- 4-2: Le Drawer Tile 00:11:53
- 4-3: Widget pour le layer 00:03:00
- 4-4: Les remarquable places 00:07:38
- 4-5: Markers simples 00:04:46
- 4-6: Custom Markers et sauvegarde 00:15:51
- 4-7: Refactorisation du code 00:03:52
-
Le MarkerPopUp
- 5-1: Ajout du PopUp 00:09:28
- 5-2: Popup Card 00:19:55
- 5-3: Le DetailController 00:03:24
-
Cluster et Pop
- 6-1: Le Cluster Simple 00:18:55
- 6-2: Cluster avec Pop 00:04:34
- 6-3: Le FutureBuilder pour mettre à jour les données 00:10:24
- Fichiers sourcestélécharger
- Certificat
Formateur : Matthieu Passerel
-
Avec quelle version de logiciel ce tuto est-il compatible ?Flutter
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire