Flutter Roadmap: Learn Flutter from Beginner to Expert

A free Flutter developer roadmap: what to learn each week, from Dart and widgets to state management, APIs, Firebase, testing, Flame games and release.

This roadmap shows what to learn, in what order, and roughly how long each stage takes to become a Flutter developer. Every step links to a free lesson on this site with easy examples you can run in the browser.

Stage 0: Dart basics (week 1)

You need the language before the framework, but only the basics.

• Dart for Flutter: everything on one page
• Deeper: the free Dart tutorial (variables, functions, classes, null safety, async)

Stage 1: Flutter fundamentals (weeks 2 to 4)

Goal: build static and simple interactive screens.

1. What is Flutter?, install Flutter, your first app
2. Widgets explained, StatelessWidget, StatefulWidget
3. Text, buttons, images and icons, Container
4. Layout: how layout works, Row and Column, Stack, ListView, GridView
5. Scaffold and AppBar, themes and dark mode

Build: the calculator and BMI calculator.

Stage 2: Input, navigation and state (weeks 5 to 7)

1. TextField, forms and validation, gestures
2. Navigation, passing data, go_router
3. Built-in state: all 9 tools, setState, ChangeNotifier
4. Your first package: Provider

Build: the to-do app with storage and the quiz app.

Stage 3: Real data (weeks 8 to 10)

1. HTTP requests, JSON and models, FutureBuilder, loading and error states
2. Storage: shared_preferences, SQLite, Firebase
3. Main state management: Riverpod and Bloc / Cubit. Read which state management to learn.

Build: the weather app, the notes app with Riverpod and the shopping cart with Provider.

Stage 4: Professional skills (weeks 11 to 16)

1. Animations and responsive design
2. Testing, debugging with DevTools, performance
3. Architecture: project structure, MVVM, Clean Architecture
4. Release: Android, iOS, web and desktop, CI/CD

Build: the expense tracker with Bloc, then your own app idea. Publish it.

Optional: games with Flame

Want to make games? Follow the Flame chapter, then build the five game projects. It uses everything you already know about Dart and Flutter.

Get job-ready

• Two or three finished, published projects on GitHub with good READMEs.
• Be able to explain one state management package in depth.
• Practise the Flutter interview questions.
• Keep the Flutter cheat sheet open while you work.

Frequently asked questions