Image de cours gratuite Flutter pour Débutant

Cours en ligne gratuitFlutter pour Débutant

Durée du cours en ligne : 23 heure et 8 minutes

4.08

étoileétoileétoileétoile

(12)

Apprenez Flutter de zéro et créez votre première app mobile : cours en ligne gratuit avec exercices, UI, navigation, formulaires et animations.

Dans ce cours gratuit, découvrez

  • Installer Flutter sur Windows et choisir un répertoire d’installation recommandé
  • Installer Android Studio et configurer le SDK/émulateur pour Flutter
  • Créer et lancer une première application Flutter (projet, run, hot reload)
  • Installer et utiliser VS Code comme IDE pour développer en Flutter
  • Comprendre Stateless vs Stateful : état, cycle de vie et mise à jour de l’UI
  • Maîtriser les widgets d’entrée: boutons, radio, checkbox, slider, dropdown, TextField
  • Construire la structure UI: AppBar, Drawer, NavigationBar, footer, tabs, PageView
  • Afficher des infos utilisateur: SnackBar, AlertDialog, DatePicker
  • Gérer les layouts: Column, Stack, Align, Expanded, Positioned, gradients
  • Listes et grilles: ListView, ListView.builder (lazy), GridView, DataTable
  • Formulaires et validation: Form, validators, gestion des champs
  • Animations et transitions: Hero, implicites (AnimatedContainer, etc.), AnimatedList
  • Médias et interactions: VideoPlayer, ImagePicker, GestureDetector/Inkwell, Dismissible
  • UI avancée/custom: SliverAppBar, BackdropFilter (flou), CustomPaint, courbes de Bézier

Descriptif du cours

Vous voulez développer des applications mobiles modernes sans vous perdre dans une configuration compliquée ni dans une théorie interminable ? Ce cours Flutter pour débutant vous guide pas à pas pour passer de l’installation à la création d’écrans interactifs, avec une approche très orientée pratique. Vous démarrez en posant des bases solides : mise en place de Flutter sur votre machine, préparation de l’environnement avec Android Studio et/ou Visual Studio Code, puis lancement de votre toute première application.

Au fil des vidéos et des exercices, vous apprenez à comprendre la logique des widgets Flutter et à choisir la bonne structure selon le comportement attendu. Vous verrez clairement la différence entre stateless et stateful, afin de créer des interfaces qui s’actualisent correctement quand l’utilisateur interagit. L’objectif est de vous rendre autonome sur les éléments indispensables d’une application : boutons et contrôles d’entrée, champs de texte, sélection (radio, checkbox, slider), barres d’application, menus latéraux, onglets et navigation.

Ce parcours vous aide aussi à gagner en confort sur la construction de layouts et de vues efficaces avec des composants comme columns, stack, cards, listview, gridview, pageview ou encore datatable. Vous abordez les messages et retours utilisateur avec snackbar et dialogs, la sélection de dates, ainsi que la validation de formulaires pour rendre vos écrans plus fiables et professionnels. La partie interface ne s’arrête pas là : vous explorez des effets visuels, des dégradés, des éléments positionnés, des composants extensibles et des comportements tactiles pour obtenir une expérience fluide.

Pour aller plus loin, vous découvrez des patterns d’animations et de transitions très utilisés en mobile, des widgets animés implicites comme AnimatedContainer, AnimatedPadding, AnimatedPositioned et AnimatedSwitcher, ainsi que des approches plus avancées autour des listes animées, du splash screen et de l’orientation. Enfin, vous touchez à des besoins concrets d’applications réelles, comme l’intégration d’un lecteur vidéo, le glisser-déposer, la sélection d’images via un plugin, ou la création d’éléments personnalisés grâce à CustomPaint. À la fin, vous aurez une vision claire des fondamentaux Flutter et la capacité de construire des interfaces mobiles complètes, interactives et prêtes à évoluer vers des projets plus ambitieux.

Contenu du cours

  • Leçon vidéo : #1-Tutoriel Flutter en Français - Installation de Flutter 09m
  • Exercice: _Quel est le répertoire recommandé pour installer Flutter sur Windows?
  • Leçon vidéo : #2-Tutoriel Flutter en Français - Installation d'Android Studio 05m
  • Exercice: Quelle est la première étape pour installer Android Studio dans le tutoriel ?
  • Leçon vidéo : #3-Tutoriel Flutter en Français - Lancez votre 1er App mobile 08m
  • Exercice: Quelle est la première étape pour commencer un projet Flutter dans le tutoriel ?
  • Leçon vidéo : #4-Tutoriel Flutter en Français - Installation de Visual Studio Code 14m
  • Exercice: _Quel environnement de développement peut-on utiliser pour construire des applications Flutter ?
  • Leçon vidéo : #5-Tutoriel Flutter en Français - Stateless VS StateFul en théorie 09m
  • Exercice: Quel est le but principal du style Stateful dans un programme Flatter?
  • Leçon vidéo : #6-Tutoriel Flutter en Français - Stateless VS StateFul en Pratique 13m
  • Exercice: Quelle est la principale différence entre le stateless widget et le stateful widget en Flutter ?
  • Leçon vidéo : #7-Tutoriel Flutter en Français - RaisedButton 09m
  • Exercice: _Qu'est-ce que le res battant les russes bâton dans Flutter?
  • Leçon vidéo : #8-Tutoriel Flutter en Français - FlatButton 09m
  • Exercice: Qu'est-ce qu'une caractéristique des boutons flattateur dans les interfaces utilisateur ?
  • Leçon vidéo : #9-Tutoriel Flutter en Français - FloatingActionButton 09m
  • Exercice: Quelle est la fonctionnalité principale d'un bouton d'action flottant dans une application?
  • Leçon vidéo : #10-Tutoriel Flutter en Français - Bouton Radio 13m
  • Exercice: _Quel est l'objectif des boutons radio dans Flutter ?
  • Leçon vidéo : #11-Tutoriel Flutter en Français - Checkbox 09m
  • Exercice: Quelle est la fonctionnalité principale d'une case à cocher (checkbox) dans une interface utilisateur ?
  • Leçon vidéo : #12-Tutoriel Flutter en Français - Slider 12m
  • Exercice: Quel est le rôle principal d'un interrupteur en programmation ?
  • Leçon vidéo : #13-Tutoriel Flutter en Français - TextField 17m
  • Exercice: _Qu'est-ce qu'un test field dans Flutter?
  • Leçon vidéo : #14-Tutoriel Flutter en Français - AppBar 16m
  • Exercice: Quelle composante d'une application Flutter peut être personnalisée avec des icônes, des couleurs et des actions ?
  • Leçon vidéo : #15-Tutoriel Flutter en Français - Drawer Menu 09m
  • Exercice: Quel est l'objectif principal du tutoriel mentionné dans la vidéo ?
  • Leçon vidéo : #16-Tutoriel Flutter en Français - FooterButton 15m
  • Exercice: _Qu'est-ce que le "sheed bâton" dans Flutter?
  • Leçon vidéo : #17-Tutoriel Flutter en Français - NavigationBar 16m
  • Exercice: Quel est l'objectif principal de ce tutoriel ?
  • Leçon vidéo : #18-Tutoriel Flutter en Français - Snackbar 09m
  • Exercice: Quel est le rôle principal d'un Snack Bar dans une application mobile sous Flutter ?
  • Leçon vidéo : #19-Tutoriel Flutter en Français - AlerteDialog 29m
  • Exercice: _Qu'est-ce qu'une boîte de dialogue avec Flutter ?
  • Leçon vidéo : #20-Tutoriel Flutter en Français - DatePicker 10m
  • Exercice: Quelle est la fonctionnalité principale d'un sélecteur de date?
  • Leçon vidéo : #21-Tutoriel Flutter en Français - Columns 16m
  • Leçon vidéo : #22-Tutoriel Flutter en Français - Card 10m
  • Exercice: _Quel est l'objectif des cartes actuateurs dans Flutter?
  • Leçon vidéo : #23-Tutoriel Flutter en Français - Stack 14m
  • Leçon vidéo : #24-Tutoriel Flutter en Français - Listview 12m
  • Leçon vidéo : #25-Tutoriel Flutter en Français - ListviewBuilder 12m
  • Exercice: _Quel est l'avantage du ListView.builder par rapport au ListView par défaut dans Flutter ?
  • Leçon vidéo : #26-Tutoriel Flutter en Français - Gridview 12m
  • Leçon vidéo : #27-Tutoriel Flutter en Français - Tabs 12m
  • Leçon vidéo : #28-Tutoriel Flutter en Français - Pageview 15m
  • Exercice: _Qu'est-ce qu'un PGI bio dans Flutter?
  • Leçon vidéo : #29-Tutoriel Flutter en Français - Navigate 17m
  • Leçon vidéo : #30-Tutoriel Flutter en Français - DataTable 15m
  • Leçon vidéo : #31-Tutoriel Flutter en Français - Validation de Formulaire 15m
  • Exercice: _Qu'est-ce qu'un formulaire dans Flutter ?
  • Leçon vidéo : #32-Tutoriel Flutter en Français - Flutter Carousel 10m
  • Leçon vidéo : #33-Tutoriel Flutter en Français - SliverAppbar 17m
  • Leçon vidéo : #34-Tutoriel Flutter en Français - BackdropFilter 13m
  • Exercice: _Quelle fonctionnalité est utilisée pour flouter une image dans Flutter?
  • Leçon vidéo : #35-Tutoriel Flutter en Français - Carousel Slider 16m
  • Leçon vidéo : #36-Tutoriel Flutter en Français - CircleAvatar 13m
  • Leçon vidéo : #37-Tutoriel Flutter en Français - StaggeredGridview 14m
  • Exercice: _Quel est le package utilisé pour changer plusieurs colonnes avec des rangées de tailles très différentes dans Flutter?
  • Leçon vidéo : #38-Tutoriel Flutter en Français - SingleChildScrollView 16m
  • Leçon vidéo : #39-Tutoriel Flutter en Français - Stepper 14m
  • Leçon vidéo : #40-Tutoriel Flutter en Français - DropDwonlist 13m
  • Exercice: _Qu'est-ce que la liste déroulante dans Flutter?
  • Leçon vidéo : #41-Tutoriel Flutter en Français - Rating 18m
  • Leçon vidéo : #42-Tutoriel Flutter en Français - GestureDetector - InKwell 16m
  • Leçon vidéo : #43-Tutoriel Flutter en Français - PopupMenuButton 17m
  • Exercice: _Qu'est-ce qu'un pop menu bouton dans Flutter ?
  • Leçon vidéo : #44-Tutoriel Flutter en Français - Align Widget 10m
  • Leçon vidéo : #45-Tutoriel Flutter en Français - Gradient Effects 15m
  • Leçon vidéo : #46-Tutoriel Flutter en Français - Expanded Widget 14m
  • Exercice: _Quel est l'attribut utilisé pour élargir ou développer un enfant dans Flutter ?
  • Leçon vidéo : #47-Tutoriel Flutter en Français - Positioned Widget 18m
  • Leçon vidéo : #48-Tutoriel Flutter en Français - Expansion Title 15m
  • Leçon vidéo : #49-Tutoriel Flutter en Français - CurvedNavigationBar 10m
  • Exercice: _Quel est le sujet de la neuvième partie du tutoriel de Flutter avec PatrickCoder ?
  • Leçon vidéo : #50-Tutoriel Flutter en Français - FoldingCell 26m
  • Leçon vidéo : #51-Tutoriel Flutter en Français - Orientation 17m
  • Leçon vidéo : #52-Tutoriel Flutter en Français - Hero Animation 22m
  • Exercice: _Qu'est-ce que les héros animations dans Flutter?
  • Leçon vidéo : #53-Tutoriel Flutter en Français - Flipcard 14m
  • Leçon vidéo : #54-Tutoriel Flutter en Français - Opacity 19m
  • Leçon vidéo : #55-Tutoriel Flutter en Français - FittedBox 15m
  • Exercice: _Quel est le budget de Flutter utilisé pour contenir les informations de l'application dans un autre âge?
  • Leçon vidéo : #56-Tutoriel Flutter en Français - Fade in Image 13m
  • Leçon vidéo : #57-Tutoriel Flutter en Français - Transform 14m
  • Leçon vidéo : #58-Tutoriel Flutter en Français - Graphique 15m
  • Exercice: _Quel est l'utilisation des graphiques dans Flutter?
  • Leçon vidéo : #59-Tutoriel Flutter en Français - Dismissible 18m
  • Leçon vidéo : #60-Tutoriel Flutter en Français - Video Player 16m
  • Leçon vidéo : #61-Tutoriel Flutter en Français - AnimatedContainer (Implicites) 16m
  • Exercice: _Quel est le nom de la propriété de Flutter utilisée pour effectuer des animations de containers ?
  • Leçon vidéo : #62-Tutoriel Flutter en Français - AnimatedPadding(Implicites) 18m
  • Leçon vidéo : #63-Tutoriel Flutter en Français - AnimatedPositioned (Implicites) 22m
  • Leçon vidéo : #64-Tutoriel Flutter en Français - AnimatedSwitcher(Implicites) 31m
  • Exercice: _Quel est l'élément principal pour la vente d'un produit dans une application ?
  • Leçon vidéo : #65-Tutoriel Flutter en Français - Animation 19m
  • Leçon vidéo : #66-Tutoriel Flutter en Français - AnimatedList 39m
  • Leçon vidéo : #67-Tutoriel Flutter en Français - Splash Screen 39m
  • Exercice: _Qu'est-ce qu'un splash screen dans une application mobile ?
  • Leçon vidéo : #68 -Tutoriel Flutter en Français - ReorderableListview 28m
  • Leçon vidéo : #69 -Tutoriel Flutter en Français - ClipPath 34m
  • Leçon vidéo : #70 -Tutoriel Flutter en Français - Bezier Curve 24m
  • Exercice: _Qu'est-ce qu'une courbe de Bézier dans Flutter ?
  • Leçon vidéo : #71 -Tutoriel Flutter en Français - Draggable 1h14m
  • Leçon vidéo : #72 -Tutoriel Flutter en Français - DraggableScrollableSheet 51m
  • Leçon vidéo : #73-Tutoriel Flutter en Français - Image Picker 45m
  • Exercice: _Quel est le plugin utilisé pour choisir des images dans la bibliothèque d'images et prendre de nouvelles photos avec l'appareil d'iPhone ?
  • Leçon vidéo : #74-Tutoriel Flutter en Français - CustomPaint partie 1 17m
  • Leçon vidéo : #75 -Tutoriel Flutter en Français - CustomPaint partie 2 23m
  • Leçon vidéo : #76-Tutoriel Flutter en Français - Barre de progression avec Custom Paint 34m
  • Exercice: _Comment peut-on créer une barre de progression personnalisée dans Flutter ?

Ce cours gratuit comprend:

23 heure et 8 minutes du cours vidéo en ligne

Certificat numérique de réussite du cours (gratuit)

Exercices pour développer vos connaissances

100% gratuit, du contenu au certificat

Prêt à commencer ?Téléchargez l’application et commencez dès aujourd’hui !

Installez l'application

dès maintenant pour accéder au cours
Icône représentant les cours de technologie et de commerce

Plus de 5000 cours gratuits

Programmation, anglais, marketing digital et bien plus encore ! Apprenez ce que vous voulez, gratuitement.

Icône de calendrier avec cible représentant la planification des études

Plan d'études avec IA

L'intelligence artificielle de notre application peut créer un planning d'études pour le cours que vous choisissez.

Icône professionnelle représentant la carrière et le commerce

De débutant à professionnel accompli

Améliorez votre CV grâce à notre certificat gratuit, puis utilisez notre intelligence artificielle pour trouver l'emploi de vos rêves.

Vous pouvez également utiliser le code QR ou les liens ci-dessous.

Code QR - Télécharger Cursa - Cours en ligne

Commentaires de cours: Flutter pour Débutant

LN

lyonel nkembo

bonjour comment choisir un modèle qui peu marché dans toute téléphones au niveau du form factor..

RN

Roudy Noel

étoileétoileétoileétoileétoile

c'est tres bien

VN

Voosoghi Noorshahi

étoileétoileétoileétoileétoile

Un Grand Merci à PatrickeyCoder, ces cours sont simple et efficace Bravo :) j'ai hâte de finir tout tes cours ^^

Plus de cours gratuits sur Programmation d'applications mobiles

Ebook + livres audio gratuits ! Apprenez en écoutant ou en lisant !

Téléchargez l'application dès maintenant pour avoir accès à + 5000 cours gratuits, exercices, certificats et de nombreux contenus sans rien payer !

  • Cours en ligne 100% gratuits du début à la fin

    Des milliers de cours en ligne en vidéo, livres électroniques et livres audio.

  • Plus de 60 000 exercices gratuits

    Pour tester vos connaissances lors de cours en ligne

  • Certificat numérique gratuit et valide avec code QR

    Généré directement à partir de la galerie de photos de votre téléphone portable et envoyé à votre adresse e-mail

Application Cursa sur l'écran du livre électronique, l'écran du cours vidéo et l'écran des exercices du cours, ainsi que le certificat de fin de cours