Flutter et Dart : Créez des applications pour iOS et Android
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Flutter et Dart : Créez des applications pour iOS et Android

Matthieu Passerel
30,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans cette formation en vidéo de près de 15H, nous allons ensemble apprendre à développer des applications mobiles à la fois pour iOS et Android. Pour cela nous utiliserons Flutter et Dart. Nous partirons des bases théoriques pour créer au fil du cours des applications mobiles concrètes, de plus en plus évoluées.
 

Qu'est ce que Flutter ?

C'est le SDK (ou Kit de développement en français) de Google. Il permet de créer des applications à la fois pour Android et iOS.
 

Qu'est ce que Dart?

C'est un langage de programmation orienté objet, développé par Google. Il est facile à comprendre et à prendre en main et se rapproche de langages tels que Java ou Swift par exemple.

Dans ce cours nous allons ensemble apprendre à développer des applications à la fois pour iOS et Android en utilisant à la fois Flutter et Dart. Pour bien mettre en pratique vos nouvelles compétences, vous aurez des challenges à réaliser tout au long de votre apprentissage, comme par exemple créer une application de calcul de calories (...)
 

Au programme de cette formation création d'applications mobiles avec Flutter et Dart

Voici ce que vous allez apprendre durant ce cours vidéo :

  • La prise en main d'Android Studio, le logiciel qui vous servira durant votre apprentissage.
  • Les bases de Dart.
  • La programmation orientée objet
  • Les Widgets basiques
  • Création d'une APP lecteur audio
  • Les Widgets Pop
  • Création d'une APP de quizz
  • Les Widgets Interactifs
  • Création d'une APP calculateur de calories
  • Adapter les Widgets selon la plateforme(Android ou iOS)
  • Les Listes
  • Les Grilles
  • Création d'une APP de Flux RSS
  • Les Menus
  • La Géolocalisation
  • Utiliser une API
  • Création d'une APP de météo.

Ainsi que d'autres notions...
Je reste disponible dans le salon d'entraide de cette formation pour répondre à vos éventuelles questions ! Les fichiers de travail sont également fournis avec le cours.

Alors vous êtes prêts à vous lancer dans le développement mobile ?
Je vous attends dans le cours.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Installation
Chapitre 3
Notre première application
Chapitre 4
Les Bases de Dart
Chapitre 5
La Programmation orientée objet
Chapitre 6
Les Widgets basiques
Chapitre 7
Créez une application de musique

Plan détaillé du cours

Chapitre 1 : Introduction
20m52s
 
Leçon 1Qu'est ce que Flutter ?
Leçon 2Qu'est ce que Dart ?
Leçon 3Mon top 5 des raisons d'utiliser Flutter
Chapitre 2 : Installation
21m44s
 
Leçon 1Installation de Android Studio
Leçon 2Installation de Xcode (Seulement pour les utilisateurs de mac)
Leçon 3Installation de Flutter pour Windows
Leçon 4Installation de Flutter pour macOS
Leçon 5Installation de Flutter pour Linux
Chapitre 3 : Notre première application
39m20s
 
Leçon 1Création d'un projet
Leçon 2Tour d'Android Studio
Leçon 3Premier lancement du simulateur
Leçon 4Tour du code dans main.dart
Leçon 5Modification du code dans main.dart
Chapitre 4 : Les Bases de Dart
1h49m
 
Leçon 1Le DartPad
Leçon 2Les Variables
Leçon 3Constantes et Final
Leçon 4String ou chaînes de caractères
Leçon 5Les nombres
Leçon 6Les Booléens
Leçon 7Les Listes
Leçon 8Les Maps
Leçon 9Les Conditions
Leçon 10Les boucles for
Leçon 11Les boucles while
Leçon 12Les switch
Leçon 13Les fonctions basiques
Leçon 14Les fonctions avec paramètres
Leçon 15Les fonctions avec retour
Leçon 16Exercices
Chapitre 5 : La Programmation orientée objet
41m49s
 
Leçon 1L'objet
Leçon 2L'héritage
Leçon 3Le polymorphisme
Leçon 4Les enums
Chapitre 6 : Les Widgets basiques
1h27m
 
Leçon 1Apprendre à se servir de la documentation
Leçon 2Le MaterialApp
Leçon 3Le Scaffold
Leçon 4Le AppBar
Leçon 5Le Container
Leçon 6Le Center
Leçon 7Le Card
Leçon 8Le Image.network
Leçon 9Le Image.assets
Leçon 10Le Text
Leçon 11Le Column
Leçon 12Le Row
Leçon 13Le Icon
Leçon 14Le IconButton
Leçon 15Le FloatingActionButton
Leçon 16Le FlatButton
Leçon 17Le RaisedButton
Chapitre 7 : Créez une application de musique
50m43s
 
Leçon 1Présentation du Challenge
Leçon 2Préparation du projet
Leçon 3La classe Musique
Leçon 4Images et textes
Leçon 5Les IconButton
Leçon 6Le Slider
Leçon 7Configuration du audioPlayer
Leçon 8Play, pause, rewind, forward
Leçon 9Finalisation
Chapitre 8 : Pop up et Navigator
30m46s
 
Leçon 1Mise en place du projet
Leçon 2Le SnackBar
Leçon 3Le AlertDialog
Leçon 4Le SimpleDialog
Leçon 5Passer à un second Scaffold
Chapitre 9 : Créez une application de Quizz
45m25s
 
Leçon 1Présentation du challenge
Leçon 2Préparation du projet
Leçon 3UI de la première page et CustomText
Leçon 4Naviguer vers la seconde page
Leçon 5La classe Question
Leçon 6UI de la seconde page
Leçon 7Création d'un SimpleDialog
Leçon 8Création de AlertDialog et fin du projet
Chapitre 10 : Les Widgets interactifs
32m23s
 
Leçon 1Le Textfield
Leçon 2Le CheckBox
Leçon 3Le Radio
Leçon 4Le Switch
Leçon 5Le Slider
Leçon 6Date et Time Picker
Chapitre 11 : Créez une application de calcul de calories
46m16s
 
Leçon 1Présentation du Challenge
Leçon 2Préparation du projet
Leçon 3Switch et changement de couleur
Leçon 4Age et DatePicker
Leçon 5Slider et Padding
Leçon 6Les Radio
Leçon 7Le SingleChildScrollView
Leçon 8Calcul et alertes
Chapitre 12 : Les Widgets Cupertino
21m39s
 
Leçon 1Vérifier la plateforme de la Device
Leçon 2Le Cupertino Scaffold
Leçon 3Changer le Text selon la Plateforme
Leçon 4Le CupertinoSwitch
Leçon 5Le CupertinoSlider
Leçon 6Le CupertinoButton
Leçon 7Le CupertinoAlerte
Chapitre 13 : Les Scrollables: Listes et Grilles
43m23s
 
Leçon 1Le SingleChildScrollView
Leçon 2ListView et ListTile
Leçon 3Le Dismissible
Leçon 4Création d'une CustomTile
Leçon 5Le Inkwell
Leçon 6Vérifier l'orientation de la Device
Leçon 7Choisir une orientation
Leçon 8LE GridView
Leçon 9Liste ou Grille selon l'orientation
Chapitre 14 : Créez une application de flux RSS
1h14m
 
Leçon 1Présentation du Challenge
Leçon 2Qu'est ce qu'un flux RSS?
Leçon 3Préparation du projet
Leçon 4Le FeedParser
Leçon 5Le FeedItem
Leçon 6Le Chargement
Leçon 7Le ListView
Leçon 8La Tile du ListView
Leçon 9Convertir la date
Leçon 10La GridView
Leçon 11La PageDetail
Chapitre 15 : CodaMeteo: Le Drawer
22m24s
 
Leçon 1Présentation de l'application
Leçon 2Ajout d'un Drawer
Leçon 3Choisir un élément du Drawer
Leçon 4Ajout d'une fonction texte et refactorisation
Leçon 5Le DrawerHeader
Leçon 6Ajout d'un SimpleDialog
Chapitre 16 : CodaMeteo: Les SharedPreferences
10m29s
 
Leçon 1Obtenir des données stockées dans SharedPreferences
Leçon 2Ajouter des données
Leçon 3Supprimer des données
Chapitre 17 : CodaMeteo: Json et API
1h04m
 
Leçon 1Obtenir la position de l'utilisateur
Leçon 2Le Geocoder: Convertir les coordonnées en ville
Leçon 3Le Geocoder: Convertir une ville en coordonnées
Leçon 4Son et OpenWeatherMap
Leçon 5Comment obtenir nos données avec OpenWeatherMap
Leçon 6Création de notre appel à l'API
Leçon 7La classe Temps
Leçon 8Ajout d'une image en background
Leçon 9UI de l'application
Leçon 10Obtenir des icônes sur Internet
Chapitre 18 : SQLite: Stocker les données de façon permanente
1h56m
 
Leçon 1Présentation du projet
Leçon 2Mise en place du projet
Leçon 3La classe Item
Leçon 4Mise en place de SQFlite
Leçon 5Ajouter un Item
Leçon 6Récupérer les Items
Leçon 7Montrer les Items
Leçon 8Supprimer un Item
Leçon 9Update un Item
Leçon 10Passer à la page des Articles
Leçon 11La classe Article
Leçon 12UI de ItemDetail
Leçon 13UI de la page d'ajout d'Article partie 1
Leçon 14UI de la page d'ajout d'Article partie 2
Leçon 15Ajouter un Article dans SQFlite
Leçon 16Récupérer l'Article
Chapitre 19 : Prendre des photos
13m13s
 
Leçon 1Mise en place de ImagePicker
Leçon 2Test de ImagePicker: Test sur Device
Leçon 3Finalisation de l'application

Aperçus

Avis des apprenants

Détail des avis
233
Apprenants
7
Commentaires
5/5
Note moyenne
5/5
7
4/5
0
3/5
0
2/5
0
1/5
0
Sbmreunion
Sbmreunion
Publié le 28/12/2022
Je suis développeur indépendant WinDev (AGL de PC Soft en général WinDev, WebDev, WinDev mobile) depuis 25 ans et j'ai décidé de passer à autre chose en 2023, du coup je me suis tourner vers Flutter et Dart pour une reconversion. Merci, enfin un cours qui m'apprends vraiment les choses. J'ai déjà écumé toutes les vidéos qui traite du sujet sur YouTube, mais tu es le premier qui donne des explications claires et surtout sans aller trop vite, on peut suivre les vidéos et limite coder en même temps sans devoir faire trop de pause sinon pour faire les recherches de mise à niveau des fonctions qui ne sont plus vraiment d'actualité. En effet le cours date un peu et on est déjà à la version Material3 de Dart ce qui demande quelques ajustements au niveau du code mais rien d'insurmontable. Sur le calculateur de calories il y a quand même plus simple pour calculer l'âge, je vous met ici ma fonction montrerPicker : Future montrerPicker() async { DateTime? choix = await showDatePicker( context: context, initialDate: DateTime.now(), lastDate: DateTime.now(), firstDate: DateTime(1900) ); if (choix != null) { var aujourdhui = DateTime.now(); String cetteAnnee = aujourdhui.toString().substring(0,4); String anneeNaissance = choix.toString().substring(0,4); setState(() { age = int.parse(cetteAnnee)-int.parse(anneeNaissance); }); } else { setState(() { age = null; }); } } il y a surement un moyen de simplifier encore un peu plus, mais débutant sur Flutter et Dart , je suis parti au plus simpl age = annéeEnCOurs - annéeDeNaissance Continue comme ça, je recommanderais ton cours sans hésiter
Rost Moungam
Rost Moungam
Publié le 22/07/2020
Votre cours est SUPER, merci infiniment!!!
Benoit Vacher
Benoit Vacher
Publié le 18/11/2019
Claire simple et conçi. Apprentissage step by step très appréciable.

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

Android , iOS , Dart , Flutter

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données