Flutter Tutorial

Course “Flutter from scratch”

Learn Flutter and Dart

Nine lessons, from installing Flutter to network requests. Progress is saved in your browser, so you can come back and continue where you left off.

Lessons completed

0 of 9

Start with Lesson 0 All lessons

Flutter

Android

iOS

Web

Windows

macOS

Linux

Why Flutter — in a minute

Subtitles

Write your app once, and it runs on your phone, in the browser and on your computer: Android, iOS, the web, Windows, macOS and Linux.

Course lessons

In order: each lesson builds on the previous one.

Installing Flutter and setting up your editor

How to install Flutter on Windows, macOS and Linux: Git, git clone, PATH, the VS Code extension, checking with flutter doctor, the Android Studio plugin and common errors such as “'flutter' is not recognized as an internal or external command”.

Your first Flutter app: Hello World

Create and run a Flutter project, look at main() and runApp(), build a screen with MaterialApp and Scaffold, write your own widget, try hot reload and add your first package, url_launcher.

StatelessWidget and StatefulWidget

Widgets without state and widgets with state, and when to use which — building on the app from Lesson 1.

ListView: an endless scrolling list

The ListView widget builds finite and endless lists of widgets and makes them scrollable.

Input form and validation

Form is the container for input fields; through its state you check what the user entered.

Navigation and routing: the Navigator class

Navigator manages the stack of screens: opening, closing and switching between them.

Asynchronous methods: async and await

Reading from the network, files or a database needs asynchronous code; async and await keep it readable.

HTTP and HTTPS: network requests in Dart and Flutter

Clients and servers exchange data over HTTP or HTTPS; how to send requests from a Flutter app.

Introduction to Flutter for the web

Running a Flutter project in a web browser.

Most read

Flutter icons

Every Material and Cupertino icon with search by name. Tap one to copy its code.

Games with Flame

Step-by-step guides from a game skeleton to Solitaire.

BuildContext

What context is and how it relates to the element tree.

Dart basics

Types, classes, collections, asynchrony.

Flutter Tutorial