Write Your First Flutter App

Heads up before you start: this URL no longer opens a single short codelab. Google restructured it into a full learning pathway of eighteen steps that builds three separate Flutter apps and runs from installation all the way through adaptive layouts and how the framework works internally. It's much better than the old one-hour codelab. It is also not a one-hour codelab.

The pathway is Google's official on-ramp to Flutter, maintained by the Flutter team, so it tracks whatever the current recommended patterns are rather than a third party's snapshot of them.

How the eighteen steps break down

• Quick install — the environment, which is the hardest part
• Introduction to Flutter UI (steps 2–9) — creating an app, widget fundamentals, laying widgets out, DevTools, handling user input, stateful widgets, implicit animations
• State in Flutter apps (steps 10–13) — a state-management project, HTTP requests, ChangeNotifier for updating app state, ListenableBuilder for updating the UI
• Flutter UI 102 (steps 14–17) — advanced UI, adaptive layouts, scrolling and slivers, stack-based navigation
• How Flutter works (step 18) — the architecture underneath

Dart comes first: the pathway expects Dart familiarity or that you complete the Dart tutorial before starting. You'll need the Flutter SDK and an IDE — Android Studio, VS Code or IntelliJ.

Where it gets uncomfortable

Two places. Setup is the first: Flutter's toolchain touches Android SDK licences, Xcode command-line tools, and a device or emulator, and 'Quick Install' is doing a lot of work as a heading. Budget real time there and don't take a stalled install personally.

The second is state management. The pathway teaches ChangeNotifier and ListenableBuilder, which is Flutter's built-in answer, and a large share of production Flutter uses Riverpod, Bloc or something else entirely. Nothing you learn is wasted, but you should know you're being taught the official baseline rather than the community consensus, and the docs don't frame it that way.

Who it's for — and who should skip it

The right first stop if you're evaluating Flutter seriously, and better than any video course for staying current. Also right if you've tried Flutter before and never understood the widget tree — step 18 is unusually good.

Skip it if you want a quick taste; the older sub-hour codelab is effectively gone and this is a commitment. Skip it too if you don't know Dart, at least until you've done the Dart tutorial first.

Our take

Excellent official material that has quietly outgrown the description everyone still uses for it. Its weak point is the state-management chapter's distance from real-world Flutter — finish the pathway, then immediately read up on what the ecosystem actually uses.