WeCours > Development > Mobile Development > Flutter & Dart – Le cours complet de développement d’applications Flutter
4.5 sur 5
4.5

Flutter & Dart – Le cours complet de développement d’applications Flutter

Créez des applications Flutter iOS et Android avec une seule base de code : découvrez le cadre de développement mobile Flutter de Google et Dart
Instructeur :
Mahefa Abel
English En savoir plus
Être CAPABLE de créer n'importe quelle application iOS et Android que vous voulez
Master Dart and Flutter Framework
CONSTRUISEZ des applications à part entière pour votre startup ou votre entreprise
CRÉER un portefeuille d'applications pour postuler à un emploi de développement
Travailler en tant que développeur mobile multiplateforme capable de développer des applications iOS et Android
GAGNER un avantage concurrentiel sur le lieu de travail en tant que développeur mobile Flutter

Welcome to The Complete Flutter App Development Course (The World’s First Complete Dart and Flutter Course). Now with a Full Course Update [2020].

Flutter is the new Cross-platform Mobile Development Framework created by Google, allowing developers to build Android and iOS Apps with one single codebase!

Flutter is the BEST way to create cross-platform apps that otherwise would require two distinct mobile development teams to create.

Why is Flutter a BIG Deal?

Flutter is a big deal because any developer (or anyone who wants to learn mobile development) can now build native Android and iOS apps with one codebase ONLY! This means, instead of having to learn Objective-C or Swift to build iOS apps, and Java, or Kotlin to build Android apps, you can now use Flutter Mobile Development Framework to build apps that run natively on both iOS and Android devices using the General-purpose Dart Programming Language.

By learning Flutter App Development, you’ll be able to build iOS and Android apps with a single codebase!  This course is the ultimate Flutter tutorial created for those who want to build cross-platform iOS and Android mobile apps using the Dart Programming language.

 

This course is fully hands-on, in which you’ll get the chance to practice and learn:

  • Dart Programming Language – Fundamentals and intermediate topics
  • How to understand Flutter Mobile Development by building apps incrementally.
  • How to design, build, debug Flutter Android and iOS Apps
  • How to get Flutter apps to communicate with a realtime database – Firestore
  • How to build robust apps with Flutter.

You’ll see how easy it’s to get started building Android and iOS apps using Google’s Flutter App Development Framework!

The course is structured in such a way to improve your knowledge retention – by having a lot of hands-on projects.  In each section of the course, you will be practicing and building something meaningful and useful, which will further your understanding of Flutter iOS and Android Development.

For instance, you’ll start by learning the very basics of the Dart Programming language (which is the programming language used in Flutter) – you’ll learn control flow and functions, how to do arithmetic in Dart, and so forth.

Next, you’ll learn Object-Oriented Programming in Dart – understanding how to construct classes and Objects and how it all works when building robust programs.  Furthermore, you’ll learn intermediate and advanced Dart topics such as Abstract classes, Interfaces, and Data Structures.

Once you’ve learned the Dart Programming language, you’ll then start with Flutter Mobile Development.  You’ll start by building small, simple iOS and Android apps using Flutter, such as the Business Card app.  Then, we move into the realm of Stateful Widgets in Flutter – how to manage state in an App.

Along the way, we continue to build several fun apps to solidify the main, fundamental Flutter concepts.  You’ll also have several challenges you need to further dive deeper into understanding Flutter concepts.

=======================================

This Course Also Comes With:

  •   Lifetime Access to All Future Updates
  •   A responsive instructor in the Q&A Section
  •   Links to interesting articles and lots of good code to base your next template onto
  •   WeCours Certificate of Completion Ready for Download

 

Take this complete Flutter course now, completely risk-free!

 

 

Getting Started

1
The Learning Path of This Course

Why Flutter

1
Why Flutter Development?
2
Important Message

Download Flutter Code

1
Flutter App Project Source Code
2
How the Project Source Code is Structured?

Development Tools Setup MAC- For Mac OX Users

1
MAC -Setup Dart and Flutter SDK on Mac OSX - Part 1
2
For MAC Users ONLY: How to Create a .bash_profile

Follow this link: https://redfinsolutions.com/blog/creating-bashprofile-your-mac

3
For MAC Users ONLY: How to Access the Library Folder in Your Home Folder
4
MAC -Setup Dart and Flutter SDK on Mac OSX - Part 2
5
MAC -Setup Dart and Flutter SDK on Mac OSX - Part 3
6
MAC -Setup Dart and Flutter SDK on Mac OSX - Final

Development Tools Setup Windows - For Windows Users

1
Download Android Studio and Setup Emulators
2
OPTIONAL - Android Studio - Fix VTX is Disabled in BIOS

Here's video that shows you how to fix the VTX Issue on Windows, if you run into that issue.

3
Windows Flutter Installation - Final Setup
4
Windows Flutter Installation Resources - Very Helpful!

Introduction to the Dart Programming Language - From Scratch

1
Intro to Dart and Dart Pad - Online Editor
2
Dart - Coding Style and Naming Convention
3
Dart - Declaring variables - String
4
Dart Types and Assigning Types to Variables
5
Dart - Numbers - Integers and Doubles
6
Dart - Booleans
7
Dart - Const and Final Keywords
8
Dart - Concatenation
9
Dart Operators - Arithmetic
10
Equality and Relational Operators in Dart
11
Source Code

Control Flow and Functions in Dart - If Statements, Logical Operators, For Loops

1
Control Flow - If Statements
2
Logical Operators
3
For Loops in Dart
4
While, Do-While and Break in Dart
5
Switch Cases
6
Introduction to Functions in Dart
7
Function Return Types - String-Int-Booleans
8
Dart - Using the => Operator for Returning Expressions
9
Arguments and Functions in Dart
10
Optional Parameters in Dart
11
Lexical Scope in Dart
12
Resources
13
Source Code

Object Oriented Programming - Introduction

1
Introduction to Classes and Objects
2
Introduction to Class Creation and Instance Variables
3
Adding Methods to Classes
4
Introduction to Constructors - Part 1
5
Named and Sugar Syntactic Constructors - Part 2
6
Setters and Getters
7
Source Code

Object Oriented Programming - Intermediate - Inheritance Concepts

1
Introduction to Inheritance with Dart
2
Creating Classes and Inheritance Tree
3
Override Methods
4
Inheriting Classes with Constructors
5
The toString() Method - Override
6
Source Code

Object Oriented Programming - Advanced - Abstract and Interface Concepts

1
Introduction to Abstract and Interface Classes
2
Abstract and Interface Classes in Dart - Creation
3
Source Code

Data Structures and Collections in Dart

1
Introduction to Collections
2
Creating Lists and Iterating through Them
3
Creating a List with a Person Type Object
4
Introduction to Maps
5
Source Code

Building Flutter Apps - Flutter Fundamentals

1
Introduction to Flutter and Flutter App Anatomy
2
Creating a Flutter Hello World App - Basics with Text Widget
3
Understanding Material Design Basics - Text and Widget Properties
4
Formatting Our Code
5
Little Material Design Presentation
6
Flutter Scaffold Widget and Properties
7
Flutter InkWell Widget and Event Listeners
8
Flutter Gesture Detector Widget - Creating a Custom Button
9
Flutter Bottom Navigator and Adding a Tap
10
Flutter Floating Action Button

Build a Biz Card App

1
What You'll Build Next?
2
App - Build a Biz card App

Flutter Stateful Widgets

1
Introduction to Stateless VS Stateful Widgets
2
App - Build a Quotes App - Part 1
3
App - Build a Quotes App - Finished Product

APP - Build a Flutter Tip Calculator App

1
Flutter Tip Calculator - User Interface - Part 1
2
Flutter Tip Calculator - Top Card and Custom Colors
3
Flutter Tip Calculator - Building the Split Row
4
Flutter Tip Calculator - Build the Tip Row
5
Flutter Tip Calculator - Finished User Interface
6
Flutter Tip Calculator - Wrapup

APP - Quiz App - Learn More Flutter Widgets

1
Download - Image Resource
2
Setup Project - Adding Image Assets
3
Question Model Class - Setup
4
Finishing the User Interface
5
Finishing Quiz Logic
6
[CHALLENGE] - Finished Logic
7
[SOLUTION - IMPROVEMENTS] - Wrapup

Flutter Intermediate Concepts - Navigation, Listviews - Building a Movie App

1
Download -Movie Resources
2
Creating a Listview of Movies
3
Customizing ListTile Row and Adding onTap
4
Navigating to a Second Route - Screen
5
Returning to the First Route/Screen
6
Passing Data to Second Route/Screen
7
Creating a Movie Model Class - Showing Movies - Part 1
8
MOVIE APP - Passing a Movie Object to Details Route and Showing Image
9
MOVIE APP - Customizing Row
10
MOVIE APP - Adding Movie Image
11
MOVIE APP - Finishing Custom Row
12
MOVIE APP - Changing the Background Color
13
MOVIE APP - Details Route - Showing Movie Thumbnail
14
MOVIE APP - Details Route - Adding Linear Gradient
15
MOVIE APP - Details Route - Adding Movie Poster
16
MOVIE APP - Details Route - Movie's Header
17
MOVIE APP - Details Route - Adding Movie's Cast
18
MOVIE APP - Details Route - Adding Horizontal Line
19
MOVIE APP - Details Route - Adding Bottom Movie Posters - Finished App
20
[CODE REFACTOR] - Movie App Code Refactor

Understanding Themes in Flutter

1
Introduction to UI and UX
2
What's Material Design?
3
Themes in Flutter
4
Exploring ThemeData Class - App Brightness
5
Theming Headlines and Body1 Text
6
Theming - Over-Writing Theme Properties
7
Theming - Refactoring our TextTheme Further
8
Theming - Adding Custom Fonts to Our Project
9
Theming - Applying FontFamily to All TextTheme Properties
10
Material Design - Material.io Overview
11
Material Design - Understanding Color Themes
12
Material Design - Typography and Iconography
13
Resources

[CHALLENGE] - Material Design Challenge - Theme the Mortgage Calculator

1
Download Starter code and Resources
2
Challenge Instructions

[SOLUTION] - Material Design App (Mortgage App) Solution

1
Mortgage App - Solution - Pick Color Palette and Create Colors File
2
Mortgage App - Solution - Theming App - Part 1
3
Mortgage App - Solution - Theming App - Part 2
4
Mortgage App - Solution Wrapup
5
Solution Source Code

Connecting to the World - Networking in Flutter

1
Introduction to HTTP and JSON
2
Flutter Introduction to Async and Future - Http Requests
3
Adding http Package to our Project
4
Setup Network Class
5
Fetching JSON Data
6
Fetching JSON and Using FutureBuilder Widget
7
Finalizing Fetching JSON and FutureBuilder
8
Plain Old Dart Object ( PODO ) and Mapping JSON - Introduction Setup
9
PODO - Creating a PostList Class and Mapping
10
PODO - Final Implementation

APP - Build a Weather Forecast Flutter App

1
What You'll Build - Weather Forecast App Demo
2
OpenWeather - Setting up our APPID
3
Setup Our Weather Forecast Project
4
Creating Our Forecast Model Class
5
WeatherForecast Modified/fixed File
6
Fixing Forecast Model Class
7
Pulling JSON Data from API and Showing Data
8
Using FutureBuilder to Show Data
9
Adding City and Country Names
10
Getting City Name Dynamically from TextField
11
Formatting and Showing Date
12
Showing Current Temp
13
Adding Humidity, Wind and Max to the User Interface
14
Utilizing FontAwesome Icons
15
Setup getWeatherIcon Helper Function
16
Setup Bottom ScrollView - Part 1
17
Setup Day in Bottom ScrollView
18
Adding WeatherIcon to our ScrollView
19
Finished App
20
Code Refactoring and User Interface Improvements
21
Resources and Tips

Flutter Google Maps - Building the Earthquakes App

1
Introduction to Google Maps and API Key Android Setup
2
[OPTIONAL] Google Maps iOS Setup
3
Showing a Google Map - Problem to be Fixed - AndroidX Update
4
Fixing AndroidX Issues
5
Running our Map on Both Android and iOS
6
Adding Markers onto Map
7
Showing Another Marker
8
Implementing CameraPosition Animations
9
Quakes App - Demo
10
[API Link] - JSON API Link to Use
11
Quakes App - Our Quakes API and Chrome Extension
12
Quakes App - Setting up Project and TypesHelper Class
13
Quakes App - Fixing the Types Issue
14
Quakes App - Getting All Quakes and Setup Markers
15
Quake App - Markers Fixed and Working
16
Quake App - Adding Zooms and Finished App
17
Resources

Firestore - Realtime Database - Build a Community Board App

1
Introduction to Firebase/Firestore and Realtime Database

In this video we talked about Firebase; however, you'll see that in the following videos, we will focus on Firestore, which is a subset of Firebase.  The same concepts of Firebase, apply for Firestore.

2
Setting up Firestore in our Project
3
Reading Data from Firestore Database
4
Board App - Setup Form
5
Board App - Saving Data to Firestore Database from the App
6
Board App - Custom Card - Accounting for Nulls
7
Board App - Restructuring Custom Card
8
Board App - Custom Card - Quick Code Refactoring
9
Board App - Delete a Document
10
Board App - Update Document
11
Resources

[OPTIONAL] Creating Adaptive Flutter Apps

1
Device Orientation - Portrait and Landscape
2
Setting up the Project
3
Joke Listing Class
4
Joke Details Class
5
Final Product - The Joke App
6
Resources

OPTIONAL: Deconstructing Flutter Topics

1
Deconstructing the Flutter Syntax - Part 1
2
Deconstructing the Flutter Syntax - Understanding Named Parameters - Part 2
3
Deconstructing BuildContext
4
Resources

Publishing Flutter Apps in the Appstore and PlayStore

1
Download all Assets Needed for this Section
2
Creating App Icon - With Online Tools
3
Dynamically Generating iOS and Android Icons Using Plugin
4
Adding Splash Screen - Android
5
Adding Launcher Image - iOS
6
Signing Android App - Generating a Keystore and AppBundle
7
Publishing App to Google PlayStore
8
Setup iOS App to Publish in the Appstore
9
Creating the iOS Archive and Uploading It
10
Resources

The App Development Process

1
The App Development Process

What's Next - Build at least 5 Apps

1
Keep Learning By Building Apps - Lots of Them!

[OPTIONAL] Flutter - Animations

1
Getting Started with Animations in Flutter
2
Creating a Counter Animation
3
Introduction to Tween Class
4
Tween - Animation Status
5
Introduction to Chain Animation - Separating Animation Logic
6
Chain Animation - Using the Separated Class
7
Build a Company Profile Page Animation - Introduction
8
Company Page Animation - Model and Data Classes - Part 2
9
Company Page Animation - Create Animation Classes - Part 3
10
Company Page Animation - Showing Image and Backdrop Opacity - Part 4
11
Company Page Animation - Adding Blur Effect and Logo Avatar - Part 5
12
Company Page Animation - Adding UI Interface and Animation - Part 6
13
Company Page Animation - Adding Animation and UI Touchups - Part 7
14
Company Page Animation - Adding UI - Scrollable Courses Area - Part 8
15
Finished App
16
Resources

Download projects source code

Bonus

1
Bonus
Vous pouvez afficher et revoir 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 cependant, alors assurez-vous d'u00eatre de leur bon cu00f4tu00e9u00a0!
4.5
4.5 sur 5
Notes4327

Détails des Notes

Étoiles 5
2306
Étoiles 4
1213
Étoiles 3
399
Étoiles 2
82
Étoiles 1
67
Suivre un cours
Paiement unique S'inscrire avec l'adhésion
Garantie de remboursement de 30 jours

Inclut

26 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