NouveauParcours
Créer des applications avec Flutter
Un cours Flutter gratuit et interactif qui part de zéro. Écris de vraies apps en Dart et lance-les sur un écran de téléphone à côté de l'éditeur, avec Hot reload, des indices IA et des certificats.
1,000+ codders inscrits
219 leçons219 défis297 questions de quiz
- Adapté aux débutants
Aide au codage assistée par IA
Leçons interactives et pratiques
Narration audio dans chaque leçon
Quiz pour tester vos connaissances
Certificat gratuit de réussite
Programme
Section 1
Votre première application
Commencer la sectionDémarrerDévelopperRéduireVos premières applications Flutter : ce qu’est Flutter, l’arborescence des widgets, le texte et son style, les boîtes colorées, les marges intérieures, les lignes et les colonnes, les icônes et les images, ainsi que le Dart nécessaire au fil du parcours. Se termine par une application de carte de visite.Bonjour, Flutter
6 leçons68Mettre le texte en forme
4 leçons45Dart juste à temps
4 leçons45Boîtes
4 leçons44Lignes et colonnes
6 leçons68Icônes et images
5 leçons55Projet : Carte de visite
Projet3 leçons33Section 2
Rendre l’application interactive
Commencer la sectionDémarrerDévelopperRéduireDes applications qui réagissent : les boutons, les fonctions et la Console, StatefulWidget et setState, const et final, les décisions avec if et les booléens, les champs de texte, les interrupteurs, les cases à cocher et les curseurs, ainsi que le Dart qui les fait fonctionner. Se termine par une application de calcul de pourboire.Boutons
5 leçons57Fonctions
3 leçons35Widgets avec état
6 leçons610const et final
2 leçons24Décisions
5 leçons58Champs de texte
5 leçons57Interrupteurs et curseurs
3 leçons34Projet : Calculateur de pourboire
Projet5 leçons56Section 3
Listes et écrans
Commencer la sectionDémarrerDévelopperRéduireDes applications avec plusieurs écrans : les listes défilantes et les éléments de liste, les cartes et les grilles, vos propres classes Dart pour les données, la navigation entre les écrans et le transfert de données, les onglets, un tiroir de navigation et la suppression par balayage. Se termine par une application de livre de recettes.Listes défilantes
5 leçons58Des listes à partir de données
3 leçons34Cartes et grilles
3 leçons33Vos propres classes
6 leçons611Plus d’un écran
5 leçons58Onglets, tiroirs et balayages
5 leçons58Projet : Livre de recettes
Projet6 leçons67Section 4
Des mises en page adaptées
Commencer la sectionDémarrerDévelopperRéduireDes écrans adaptés à tous les téléphones : partager une ligne avec Expanded, Flexible et Spacer, comprendre et corriger l’erreur de débordement, Wrap, Stack et Positioned, SafeArea, les largeurs maximales, les tailles d’écran et les points de rupture, les enums et switch, les thèmes de l’application et le mode sombre. Se termine par un écran de lecteur de musique.Partager une ligne
4 leçons45L’erreur de débordement
5 leçons56Empiler des widgets
4 leçons45Tailles et points de rupture
4 leçons44Énumérations et switch
3 leçons33Thèmes et mode sombre
5 leçons56Projet : Lecteur de musique
Projet5 leçons55Section 5
Gestion d’état
Commencer la sectionDémarrerDévelopperRéduirePartager des données entre widgets et écrans : remonter l’état avec des valeurs et des callbacks, le Dart nécessaire aux classes de modèle, Provider avec ChangeNotifier, Riverpod avec ConsumerWidget, StateProvider et Notifier, et savoir quand utiliser chaque solution. Se termine par un panier partagé entre deux écrans.Remonter l’état
4 leçons48Dart pour les modèles
4 leçons48Provider
7 leçons714Riverpod
6 leçons612Projet : Panier d’achat
Projet6 leçons68Section 6
Données et réseau
Commencer la sectionDémarrerDévelopperRéduireDes applications qui attendent des données : les futures, async et await, les indicateurs de chargement avec FutureBuilder, la gestion des erreurs avec try et catch, la conversion du JSON reçu d’un serveur en classes Dart, l’actualisation par balayage, ainsi que les dates et les prix avec intl. Se termine par une application météo.Futures
4 leçons46Écrans de chargement
5 leçons58Quand les appels échouent
5 leçons56JSON
5 leçons59Dates et prix
3 leçons33Projet : application météo
Projet5 leçons56Section 7
Projets
Commencer la sectionDémarrerDévelopperRéduireQuatre applications complètes, réalisées étape par étape avec tout ce que vous avez appris : une liste de tâches, un quiz, une boutique avec un panier et un suivi d’habitudes avec séries et mode sombre. Chacune se termine par une application soignée que vous pourrez présenter.Projet : Liste de tâches
Projet9 leçons910Projet : Quiz
Projet9 leçons99Projet : Boutique
Projet9 leçons99Projet : Suivi des habitudes
Projet9 leçons99
Ce que vous obtenez
Tout ce que vous utiliserez pour apprendre à coder
Apprendre en Faisant
Écrivez du vrai code, interrogez des bases de données, créez des sites web et maîtrisez les prompts IA. Nos leçons interactives couvrent toutes les compétences dont les développeurs modernes ont besoin.
playground.js
Éditeur de Code
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3 return greeting + " " + name
4}
5
Test n°1
Test n°2
Test n°3
Entrée
"Alex"
Sortie
"Hello, Coddy! Alex"
Construisez Votre Série
Restez constant et regardez vos progrès grandir! Suivez votre habitude quotidienne de codage, protégez votre série avec des jours de gel et gagnez des récompenses en vous connectant chaque jour.
12 jours de série
Revenez demain pour maintenir votre série!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Quitte ou Double
Jour 5 sur 7
Gel de Série
2 left
Vous N'êtes Pas Seul
Affrontez les classements mondiaux, invitez des amis pour gagner des récompenses et célébrez les succès des autres. Coder, c'est mieux entre amis!
Ligue ChallengerLes 7 premiers avancent
1
Alex7+ Days
2840
2
Jordan7+ Days
2650
3
Sam7+ Days
2420
4
Casey
2180
5
Morgan7+ Days
1950
Zone de promotionApprenez comme vous voulez
Lisez, écoutez, testez-vous, demandez à l'IA ou retrouvez ce que vous avez déjà étudié. Chaque leçon s'adapte à vous.
Intro aux variables
Audio
Une variable est un conteneur nommé qui stocke une valeur réutilisable plus tard dans votre programme.
En Python, on en crée une en écrivant le nom, un signe égal, puis la valeur à stocker.
La valeur peut évoluer : réassigner le nom le fait simplement pointer vers une nouvelle valeur.
1xSarah
Certifiez-vous
Gagnez des certificats pour chaque cours terminé. Ajoutez-les à votre profil LinkedIn et CV pour montrer votre expertise en programmation aux employeurs.
Certificat de RéussiteCeci certifie queJean Duponta complété avec succès
Fondamentaux de Python
Fondamentaux de Python
Datejanv. 2026
Ajouter à LinkedInPourquoi apprendre Flutter avec Coddy
- Ton code et ton app sont côte à côte. Clique sur Exécuter : l'app est compilée sur les serveurs de Coddy et s'ouvre sur un écran de téléphone à côté de l'éditeur, avec le moteur web de Flutter. Hot reload affiche ton changement et garde l'état de l'app, et la Console affiche la sortie de
print()et les erreurs. Clique sur Vérifier et la leçon est notée sur ce que ton app affiche à l'écran. - Pas besoin de connaître Flutter ni Dart pour commencer. La première section construit l'arbre de widgets avec
Text, des boîtes colorées, des marges,RowetColumn, des icônes et des images, et se termine par une app de carte de visite. Dans la deuxième, les apps réagissent : boutons,StatefulWidgetetsetState,constetfinal, champs de texte, interrupteurs et curseurs, pour finir avec un calculateur de pourboire. - Des apps à plusieurs écrans : listes qui défilent, cartes et grilles, tes propres classes Dart, la navigation entre écrans, des onglets, un menu latéral et le balayage pour supprimer. Puis des mises en page qui tiennent sur tous les téléphones :
Expanded,FlexibleetSpacer, l'erreur d'overflow et comment la corriger,Stack,SafeArea, les breakpoints, les thèmes et le mode sombre. - L'état et les données comme les gèrent les vraies apps : remonter l'état,
Provideravec unChangeNotifier, Riverpod avecConsumerWidgetetNotifier, et quand choisir lequel. Puis les futures,asyncetawait,FutureBuilder,tryetcatch, et du JSON venu d'un serveur transformé en classes Dart, pour finir avec une app météo.
Questions fréquentes sur l'apprentissage de Flutter
Faut-il connaître Dart pour apprendre Flutter ?
Non. Les apps Flutter s'écrivent en Dart, et ce cours t'apprend le Dart nécessaire au fil des leçons : variables, fonctions,
if, classes, async et await, chacun quand une app en a besoin pour la première fois. Aucune expérience en programmation n'est demandée.Vaut-il mieux suivre un cours de Dart ou commencer par Flutter ?
Si tu veux créer des apps, commence ici : tu écris une app Flutter dès la première leçon et tu apprends Dart dedans. Si tu veux d'abord le langage seul, pour des programmes en ligne de commande ou un Dart plus poussé, suis le cours Dart avant, et ce cours ira plus vite ensuite.
Faut-il Android Studio, un émulateur ou un téléphone ?
Non. Ton app est compilée sur les serveurs de Coddy et tourne sur un écran de téléphone dans ton navigateur, donc pas de SDK Flutter à configurer ni d'émulateur à lancer. Le cours est sur le site, dans le navigateur d'un ordinateur ou d'un téléphone, et pas dans les apps mobiles Coddy. Pour publier une app sur Android ou iOS plus tard, tu installes Flutter sur ton ordinateur, et le code écrit ici y fonctionne aussi.
Quelles apps vais-je créer dans ce cours Flutter ?
Chaque section se termine par une app : une carte de visite, un calculateur de pourboire, un livre de recettes, un écran de lecteur de musique, un panier partagé entre deux écrans et une app météo. La dernière section en construit quatre de plus, pas à pas : une liste de tâches, un quiz, une boutique avec panier et un suivi d'habitudes avec séries et mode sombre.
Le cours Flutter est-il gratuit ?
Oui. Les leçons, l'aperçu de l'app, les indices IA et les certificats sont gratuits. Un compte gratuit permet quelques leçons par jour, et Pro supprime la limite quotidienne.
Est-ce que j'obtiens un certificat pour le cours Flutter ?
Oui. Chacune des 7 sections te donne un certificat de réussite gratuit quand tu la termines, avec sa propre page à partager ou à ajouter sur LinkedIn.
