WeCours > Development > Mobile Development > Flutter & Dart – Le guide complet [Édition 2023]
4.56 sur 5
4.56

Flutter & Dart – Le guide complet [Édition 2023]

Un guide complet du SDK Flutter et du framework Flutter pour créer des applications iOS et Android natives
Instructeur :
Mahefa Abel
Francais
Apprenez Flutter et Dart à partir de zéro, étape par étape
Créer des applications mobiles natives attrayantes pour Android et iOS
Utilisez des fonctionnalités telles que Google Maps, l'appareil photo de l'appareil, l'authentification et bien plus encore !
Apprenez à télécharger des images et à envoyer des notifications push manuelles et automatisées
Apprenez toutes les bases sans vous arrêter : plongez profondément dans Flutter & Dart et devenez un développeur avancé

Rejoignez le cours Flutter le plus complet et le plus vendu et apprenez à créer des applications iOS et Android incroyables !

Vous n’avez pas besoin d’apprendre Android/ Java et iOS/ Swift pour créer de véritables applications mobiles natives !

Flutter – un framework développé par Google – vous permet d’apprendre une langue (Dart) et de créer de belles applications mobiles natives en un rien de temps. Flutter est un SDK fournissant les outils nécessaires pour compiler le code Dart en code natif. Il vous offre également un riche ensemble d’éléments d’interface utilisateur prédéfinis et pré-stylés (appelés widgets) que vous pouvez utiliser pour composer votre utilisateur. interfaces.

Flutter est extrêmement tendance et est utilisé pour les principales applications Google comme leur application Adwords – il est maintenant marqué comme “prêt pour la production”, c’est donc le moment pour vous lancer et l’apprendre !

Ce cours enseignera Flutter & ; Partez de zéro, AUCUNE connaissance préalable de l’un ou l’autre des deux n’est requise ! Et vous n’avez certainement pas besoin d’expérience en développement Android ou iOS, car l’idée derrière Flutter est de n’apprendre qu’une seule langue.

Vous apprendrez Flutter non seulement en théorie, mais nous créerons une application complète et réaliste tout au long de ce cours. Cette application comprendra à la fois toutes les bases de base ainsi que des fonctionnalités avancées telles que l’utilisation de Google Maps, l’appareil photo de l’appareil, l’ajout d’animations et plus encore !

Avec Flutter, vous ne pourrez écrire que du code une fois et expédiez vos applications à la fois sur l’AppStore d’Apple et sur Google Play.

Utilisez la conception matérielle de Google pour créer de belles applications, mais entièrement personnalisables, en un rien de temps et avec presque aucun effort. Vous pouvez utiliser la riche suite de widgets fournie par Flutter pour ajouter des éléments d’interface utilisateur communs tels que des boutons, des commutateurs, des formulaires, des barres d’outils, des listes et bien plus encore – ou vous pouvez simplement créer vos propres widgets – Flutter facilite également cela.

Voici ce qui est inclus dans le cours :

  • Instructions de configuration détaillées pour macOS et Windows
  • Une introduction approfondie à Flutter, Dart et au concept derrière les widgets
  • Un aperçu des widgets intégrés et comment vous pouvez ajouter les vôtres
  • Conseils de débogage & astuces
  • Navigation de page avec onglets, tiroirs latéraux et navigation basée sur la pile
  • Solutions de gestion d’état
  • Gestion et validation des entrées utilisateur
  • Connecter votre application Flutter aux serveurs principaux en envoi de requêtes HTTP
  • Authentification de l’utilisateur
  • Ajout de Google Maps
  • Utilisation des fonctionnalités natives de l’appareil telles que l’appareil photo
  • Ajout de belles animations et transitions de page
  • Téléchargement d’images
  • Notifications push – approche manuelle et automatisée
  • Comment publier votre application sur les magasins d’applications
  • Et plus !

Ce cours est pour vous si …

  • Vous êtes intéressé par la création de véritables applications mobiles natives pour les deux plates-formes mobiles les plus populaires – iOS et Android
  • Vous souhaitez explorer l’ensemble des fonctionnalités offertes par Flutter
  • Vous ne voulez pas passer des heures à apprendre deux choses complètement différentes langages

Prérequis du cours :

  • Connaissance de base du langage de programmation aidera beaucoup mais est pas une exigence stricte
  • Vous n’avez PAS besoin de connaître Flutter ou Dart
  • Vous n’avez PAS besoin de savoir connaître iOS (Swift/ObjectiveC) ou Android (Java)

 

RDV dans le cours !

Introduction

1
Introduction
2
What is Flutter?

What is Flutter? What is this technology about and why is it awesome? Learn how Flutter helps you build native iOS and Android apps in this lecture!

3
Join our Online Learning Community

Learning alone is absolutely fine but finding learning partners might be a nice thing, too. Our learning community is a great place to learn and grow together - of course it's 100% free and optional!

4
Understanding the Flutter Architecture

We know what Flutter is, now let's take a look behind the scenes. Because it's pitch sounds a bit magic (create native cross-platform apps) - how does it work under the hood?

5
How Flutter & Dart Code Gets Compiled To Native Apps

Let's continue our look under Flutter's hood. In this lecture, you'll learn how the Flutter & Dart code you write gets compiled to native/ machine code.

6
Understanding Flutter Versions

Flutter is under active development, hence it's important to understand its versioning scheme and how it's kept up-to-date.

7
Flutter macOS Setup

Let's get started with Flutter! Time to install it - in this lecture, we'll walk through the installation on macOS.

8
macOS Development Environment

With Flutter installed on macOS, it's now time to set up the development environment, so that we can get productive as quickly as possible.

9
Flutter Windows Setup

Let's install Flutter on Windows so that we can build amazing apps there - in this lecture, I'll walk you through all the installation steps.

10
Windows Development Environment

With Flutter installed, let's explore how to set up a development environment that allows us to write code efficiently.

11
Flutter & Material Design

Flutter uses Google's Material Design system - in this lecture, we'll explore what this means and what this is about.

12
Flutter Alternatives

There actually are other technologies, which have a similar pitch as Flutter has it (build cross-platform apps with one single language or codebase). In this lecture, I'll explore some alternatives and compare Flutter to them.

13
Course Outline

We know what Flutter is about - in this lecture you'll now find out what this course has to offer and how the content is structured.

14
How To Get The Most Out Of The Course

To me, it's super-important that you're getting a lot out of this course - so here are some best practices on how to take the course and use the course materials.

15
Useful Resources & Links

Flutter Basics [QUIZ APP]

1
Module Introduction
2
Creating a New Project
3
An Overview of the Generated Files & Folders
4
More on Git (Version Control System)
5
Analyzing the Default App
6
Dart Basics
7
More Dart Basics
8
Dart Basics - Summary
9
Dart Fundamentals

Time to check your knowledge of the Dart basics!

10
Building an App From Scratch
11
Running the App on an Emulator
12
Class Constructors & Named Arguments
13
First Summary & Additional Syntax
14
Flutter App Basics

Is everything clear thus far? Time to check it!

15
Building a Widget Tree
16
Visible (Input / Output) & Invisible (Layout / Control) Widgets
17
Adding Layout Widgets
18
Using The "Old" Buttons
19
Widget Basics

Widgets are THE core building block of Flutter apps. Is everything clear about them?

20
Connecting Functions & Buttons
21
Anonymous Functions
22
Updating Widget Data (Or: Using StatelessWidget Incorrectly)
23
[DART DEEP DIVE] Understanding Lists
24
Updating Correctly with Stateful Widgets
25
Stateful & Stateless Widgets

When do you use which type of widget - and why? Time to confirm your knowledge!

26
A Brief Look Under The Hood
27
Using Private Properties
28
Creating a New, Custom Widget
29
First Styling & Layouting Steps
30
Enums & Multiple Constructors
31
Official Docs & The Widget Catalog
32
Styling Buttons
33
Passing Callback Functions Around
34
Introducing Maps
35
Mapping Lists to Widgets
36
final vs const
37
Advanced Flutter & Dart Basics

"Advanced Basics"? Yeah... kind of. Time to check whether you're still on board!

38
Introducing "if" Statements
39
[DART DEEP DIVE] More on "if" Statements
40
[DART DEEP DIVE] The "null" Value & Null Safety
41
Outputting Widgets Conditionally
42
Splitting the App Into Widgets
43
Calculating a Total Score
44
Getters & "else-if"
45
Resetting the Quiz
46
"Old" Button Widgets vs "New" Button Widgets
47
Time to Practice: Flutter Basics
48
Wrap Up
49
Module Resources

Running Apps on Different Devices & Debugging Apps

1
Module Introduction
2
Running the App on a Real Android Device
3
Running the App on an iOS Emulator
4
Running the App on a Real iOS Device
5
Working with the Emulators / Using the Emulators
6
Understanding Error Messages & Fixing Errors
7
Using the Debugger
8
Getting Started with the Dart DevTools
9
Understanding the Repaint Rainbow
10
Wrapping up the Dart DevTools
11
Useful Resources & Links

Widgets, Styling, Adding Logic - Building a Real App [PERSONAL EXPENSES APP]

1
Module Introduction
2
An Overview of the Core Flutter Widgets
3
Planning the App
4
Combining Widgets
5
Understanding Column Alignment
6
Columns & Rows

Let's practice working with Columns and Rows!

7
Not a Widget: Adding a Transaction Model & Transaction Data
8
Mapping Data Into Widgets
9
Building a Custom List Item
10
Styling a Container
11
Styling Text
12
More Styling!
13
Styling Time!
14
Containers vs Columns vs Rows
15
Using String Interpolation
16
Installing External Packages & Formatting Dates
17
DateFormat Patterns
18
Adding Text Input Widgets (TextField)
19
Fetching User Input
20
Splitting the App Into Widgets
21
Connecting Widgets & Managing Data / State
22
Adding User Transactions to the List
23
Making the List Scrollable!
24
Working with ListViews
25
Lists, Scrolling & Text Input
26
Further Input & Output Styling and Configuration
27
Adding AppBar Buttons & Floating Action Buttons
28
Showing a Modal Bottom Sheet
29
Improving & Styling the Modal Bottom Sheet
30
Configuring & Using Themes
31
Custom Fonts & Working with Text Themes
32
Updated Text Theme Properties
33
Theming
34
Adding Images to the App
35
Planning the Chart Widget
36
Looping Through Lists
37
More on "for" Loops
38
Deriving Recent Transactions
39
Creating Bars for our Chart
40
Populating the Chart with Values
41
Finishing the Chart Bars
42
Flexible & Expanded: Deep Dive
43
Adding a ListTile Widget
44
Improving the Overall Chart
45
Widgets & Configuring Widgets - Summary / Overview
46
Getting Started with Date Selection
47
Showing a DatePicker
48
Adding Transactions with a Date
49
Deleting Transactions & Using IconButtons
50
Final Polishing!
51
Wrap Up
52
Useful Resources & Links

Responsive & Adaptive User Interfaces and Apps

1
Module Introduction
2
What does "Responsive" and "Adaptive" Mean?
3
Examples: Where we could improve the App!
4
Calculating Sizes Dynamically
5
Working with the "textScaleFactor"
6
Using the LayoutBuilder Widget
7
Responsiveness
8
Controlling the Device Orientation
9
Rendering Alternative Landscape Content - 1
10
Finishing Landscape Mode
11
Showing Different Content Based on Device Orientation
12
Respecting the Softkeyboard Insets
13
Using the Device Size in Conditions
14
Managing the MediaQuery Object
15
Checking the Device Platform
16
Using Cupertino (iOS) Widgets
17
Using the SafeArea
18
More Cupertino Styles
19
Using Cupertino Buttons
20
Creating Custom Adaptive Widgets
21
Adaptive Widgets
22
Wrap Up
23
Useful Resources & Links

Widget & Flutter Internals - Deep Dive

1
Module Introduction
2
The Problem At Hand
3
Widget Tree & Element Tree - What, Why and How?
4
How Flutter Rebuilds & Repaints the Screen
5
How Flutter Executes build()
6
Using "const" Widgets & Constructors
7
Widgets, Elements, build()
8
Writing Good Code
9
Extracting Widgets
10
Using Builder Methods
11
Time to Practice: Builder Methods
12
Understanding the Widget Lifecycle
13
Calling super.initState() etc.
14
Understanding the App Lifecycle
15
Understanding Context
16
A Problem with Lists & Stateful Widgets
17
Understanding the Problem Root
18
Using Keys
19
Keys, Lists, Stateful Widgets
20
Wrap Up
21
Useful Resources & Links

Navigation & Multiple Screens [MEALS APP]

1
Module Introduction
2
Planning the App
3
Starting With The App - Adding Base Data
4
Creating a Grid & Working with Linear Gradients
5
Registering a Screen as the Main Screen
6
Styling & Theming
7
Navigating to a New Page
8
Passing Data via the Constructor
9
Using Named Routes & Passing Data With Named Routes
10
Screens & Navigation

With the basics about screens and navigation out of the way, it's time to test your knowledge!

11
Diving Deeper into Named Routes
12
Adding a Meal Model & Data
13
Selecting Meals for a Chosen Category
14
Displaying Recipe Items & Using Network Images
15
Finishing the Meal List Item
16
Navigating to the Meal Detail Page
17
onGenerateRoute & onUnknownRoute
18
More Navigation!

You learned more about navigation, time to test it!

19
Finishing the Meal Detail Page
20
Adding a TabBar to the Appbar
21
Adding a Bottom TabBar
22
Adding a Custom Drawer
23
Adding Links to the Drawer
24
Tabs & Drawers!

Time to practice tabs and drawers!

25
Replacing Pages (Instead of Pushing)
26
Popping Pages & Passing Data Back
27
Replacing, Popping & Data
28
Adding Filter Switches
29
Adding Filtering Logic
30
Adding a "Mark as Favorite" Feature
31
A Problem!
32
Wrap Up
33
Useful Resources & Links

State Management [SHOP APP]

1
Module Introduction
2
Planning the App
3
Defining a Data Model
4
Working on the "Products" Grid & Item Widgets
5
Styling & Theming the App
6
Adding Navigation to the App
7
Why State Management? And what is "State" and "State Management"?
8
Understanding the "Provider" Package & Approach
9
Working with Providers & Listeners
10
[DART DEEP DIVE] Inheritance ("extends") vs Mixins ("with")
11
Providing non-Objects
12
Listening in Different Places & Ways
13
State, State Management & The Provider Package/ Approach

Time to check your knowledge on State Management and the "Provider Approach".

14
Using Nested Models & Providers
15
Exploring Alternative Provider Syntaxes
16
Using "Consumer" instead of "Provider.of"
17
Local State vs App-wide State
18
Adding Shopping Cart Data
19
More on State Management & The Provider Package
20
Working with Multiple Providers
21
Connecting the Cart Provider
22
Working on the Shopping Cart & Displaying a Total
23
Displaying a List of Cart Items
24
Making Cart Items Dismissible
25
Adding Product Detail Data
26
Providing an Orders Object
27
Adding Orders
28
Adding an Orders Screen
29
Using a Side Drawer
30
Making Orders Expandable & Stateful Widgets vs Providers
31
Wrap Up
32
Useful Resources & Links

Working with User Input & Forms [SHOP APP]

1
Module Introduction
2
Snackbars & Undoing "Add to Cart" Actions
3
Using ScaffoldMessenger for Snackbars
4
Showing Alert Dialogs
5
Adding a "Manage Products" Page
6
"Edit Product" Screen & A Problem
7
Using Forms & Working with Form Inputs
8
ListView or Column
9
Managing Form Input Focus
10
Multiline Inputs & Disposing Objects
11
Adding an Image Preview
12
Image Input & Image Preview
13
Submitting Forms
14
Validating User Input
15
Adding Validation to All Inputs
16
[OPTIONAL] Working with Regular Expressions
17
Saving New Products
18
Time to Update Products!
19
Allowing Users to Delete Products
20
Wrap Up
21
Useful Resources & Links

Sending Http Requests [SHOP APP]

1
Module Introduction
2
On-Device vs Web Storage
3
How to Connect Flutter to a Database
4
Preparing Our Backend
5
How To Send Http Requests
6
Using the Http Package
7
Sending POST Requests
8
Working with Futures in Dart
9
[DART DEEP DIVE] Futures & Async Code
10
Http Requests & Futures
11
Showing a Loading Indicator
12
Handling Errors Gracefully
13
Working with "async" & "await"
14
Fetching Data, initState & "of(context)"
15
How to Transform Fetched Data
16
Implementing Pull-to-Refresh
17
Updating Data via PATCH Requests
18
Utilizing Optimistic Updating
19
Creating Custom Exceptions & More Error Handling
20
A Challenge For You!
21
Updating the "Favorite" Status Optimistically
22
Storing Orders in the Web
23
Fetching Orders & Fixing an Issue
24
Using the "FutureBuilder" Widget & Improving the Code
25
Wrap Up
26
Useful Resources & Links

Adding User Authentication [SHOP APP]

1
Module Introduction
2
How Authentication Works
3
Prepare Backend
4
Adding the Auth Screen
5
Signup Requests & URLs
6
Adding User Signup
7
Allowing Users to Log In
8
Handling Authentication Errors
9
Managing the Auth Token Locally (in the App)
10
Using the "ProxyProvider" and Attaching the Token to Outgoing Http Requests
11
Adding the Token to All Requests
12
Connecting the "Favorite" Status to Users
13
Attaching Products to Users & Filtering By Creator
14
Attaching Orders to Users
15
Adding a Logout Functionality
16
Automatically Logging Users Out (After Some Time)
17
Automatically Logging Users In
18
Wrap Up
19
Useful Resources & Links

Adding Animations [SHOP APP]

1
Module Introduction
2
Animations From Scratch (Completely Manually Controlled)
3
Using the "AnimatedBuilder" Widget
4
Working with the "AnimatedContainer"
5
More Built-in Animation & Transition Widgets
6
Fading Loaded Images In (And Showing a Placeholder)
7
Adding a "Hero" Transition
8
Working with Slivers
9
Practice: Animating Order Boxes
10
A Fix for the Latest Version of Flutter
11
Implementing Custom Route Transitions
12
Wrap Up
13
Useful Resources & Links

Using Native Device Features (Camera, Maps, Location, ...) [GREAT PLACES APP]

1
Module Introduction
2
Planning the App
3
PlaceList & Place Provider Setup
4
Adding the "Add Place" Screen & An Image Input
5
Using Image Picker & The Device Camera
6
Storing the Image on the Filesystem (on the Device)
7
Managing Data & Images via the Provider Package
8
Handling Errors
9
Testing on Real Devices
10
Preparing SQLite
11
Storing & Fetching Data with SQLite
12
Adding a Location Input & The "location" Package
13
Fetching the User Coordinates
14
Displaying a Static Map Snapshot
15
Rendering a Dynamic Map (via Google Maps)
16
Allowing Users to Pick a Location on the Map
17
Storing the Location in SQLite
18
Adding a "Place Detail" Screen & Opening the Map in "readonly" Mode
19
Wrap Up
20
Useful Resources & Links

Firebase, Image Upload, Push Notifications - Building a Chat App

1
Module Introduction
2
What is Firebase?
3
Creating a New App
4
Getting Started with Firebase
5
Important: Flutter Firebase Versions
6
Getting Started with Flutter & the Firebase SDK
7
Adding "GoogleServices-Info.plist" correctly to iOS
8
Rendering Stream Data with StreamBuilder
9
Adding Data
10
A Basic Authentication Screen
11
Adding an App Theme
12
Creating an Authentication Form
13
Connecting Auth Form & Auth Screen
14
Adding the firebase_auth Package
15
Implementing Authentication
16
Storing Extra User Data
17
Finishing Authentication & Logout
18
Adding Firebase Security Rules
19
Listening to Chat Messages
20
Sending & Ordering Chat Messages
21
Creating a Basic Chat Bubble Widget
22
Improving the Chat Bubbles
23
Testing on Multiple Devices
24
Displaying User Names
25
ImagePicker: Latest Version
26
Adding an Image Picker
27
Preparing File Upload & Validating Images
28
Uploading Images
29
Improving Image Upload
30
Running on a Real iOS Device
31
Displaying User Images
32
How Push Notifications Work
33
Adding the firebase_messaging Package
34
An Introduction to Firebase Cloud Messaging
35
Android & Push Notifications
36
iOS & Push Notifications
37
Handling Push Notifications
38
Getting Started with Firebase Cloud Functions
39
MUST READ: Firebase Cloud Functions & Billing
40
Setting a Firestore Trigger
41
Sending Automated Push Notifications
42
Polishing & Wrap Up
43
Updating to the latest Firebase Package Versions
44
Module Resources

Running Native Swift, ObjectiveC, Java or Kotlin Code

1
Module Introduction
2
Using a Proper Project Setup
3
Sending a Method Call from Flutter
4
Running Android Code
5
Running iOS Code
6
Wrap Up
7
Useful Resources & Links

Publishing to the App Stores

1
Module Introduction
2
Preparing the Code
3
Preparing the App Configuration
4
Preparing Third-Party Services
5
Adding Icons & Splash Screens
6
Publishing Android Apps
7
Publishing iOS Apps
8
Useful Resources & Links

Roundup & Next Steps

1
You did it!
2
Your Next Steps (To Become an Awesome Developer!)
3
How to Plan & Develop Successful Apps

Flutter 2 Update

1
Flutter 2 - What's New? What's The Impact On This Course?
2
"Old" vs "New" Button Widgets

Roundup

1
Course Roundup
2
Bonus: More Content!
Vous pouvez afficher et ru00e9viser les supports de cours indu00e9finiment, comme une chau00eene u00e0 la demande.
Absolumentu00a0! Si vous disposez d'une connexion Internet, les cours sur WeCours sont disponibles u00e0 tout moment sur n'importe quel appareil. Si vous n'avez pas de connexion Internet, certains instructeurs permettent u00e9galement u00e0 leurs u00e9tudiants de tu00e9lu00e9charger les cours. instructeur, alors assurez-vous d'u00eatre du bon cu00f4tu00e9u00a0!
4.6
4.6 sur 5
Notes59018

Détails des Notes

Étoiles 5
37582
Étoiles 4
16889
Étoiles 3
3430
Étoiles 2
653
Étoiles 1
510
Suivre un cours
Paiement unique S'inscrire avec l'adhésion
Garantie de remboursement de 30 jours

Inclut

42 heures de vidéo à la demande
Accès complet à vie
Accès sur le mobile et la télévision
Certificat d'achèvement

Archive

Working hours

Monday 9:30 am - 6.00 pm
Tuesday 9:30 am - 6.00 pm
Wednesday 9:30 am - 6.00 pm
Thursday 9:30 am - 6.00 pm
Friday 9:30 am - 5.00 pm
Saturday Closed
Sunday Closed