Beginner Code District

Flutter and Dart

One codebase for iOS and Android.

Flutter is Google's toolkit for building apps from one codebase, and Dart is the language you write them in. This track starts from zero: Dart's essentials with null safety, then widgets, layouts, themes and state, then a real app that loads JSON from the internet and moves between screens.

The examples come from a small social app called Nova: a points badge, a post card, a like button and a leaderboard. Every Dart program shows exactly what it prints, so you always know what to expect.

Lessons: 16
Time: 2 h
Level: Beginner

Start the track · Why Flutter? Hello, Dart

Bronze open
Silver open
Gold locked

Ready to prove it?

Three exams are waiting: Bronze, Silver and Gold.

Go to the exams

What you'll be able to do

Write and run Dart programs with null safety, functions, collections and classes
Build screens from widgets: rows, columns, cards and scrolling lists
Make widgets interactive with StatefulWidget and setState
Theme an app with Material 3 and lay it out right to left for Persian
Load JSON from the internet and show loading, error and data states
Move between screens and share state the simplest way that works

The journey

1
Module 1
Dart in an afternoon

Variables, null safety, functions, collections, classes and records: the Dart every Flutter app is written in.

0 / 5
2
Module 2
Widgets

Build screens from widgets, theme them, lay them out right to left and give them state.

0 / 4
3
Module 3
A real app

Load JSON from the internet, move between screens and share state the simple way.

0 / 3
4
Module 4
The road ahead

Where to go after this course: routing, state packages, testing and publishing.

0 / 4