Day 8 · From Dart to Flutter — Your First UI
Press F to toggle fullscreen · Esc to exit · I for info
Day 8

From Dart to Flutter — Your First UI

Cross the bridge from Dart to Flutter. Build your first app, understand widgets, layouts, MaterialApp vs CupertinoApp, Stateless vs Stateful, and setState. Lots of pictures. Almost no code.

Topics Covered
Dart → Flutter bridgeflutter create + project tourMaterialApp vs CupertinoAppWidget tree & build()Layouts (Row, Column, Stack)Stateless vs StatefulsetState & dynamic UIWireframe → real UI
Resources
Flutter Get Started Widget catalog MaterialApp CupertinoApp DartPad (Flutter mode)
Assignments
1
Install Flutter SDK on your machine
2
Run `flutter create my_first_app` and open in editor
3
Replace counter app with your name + a button
4
Build a profile card from a wireframe (provided in slides)
5
Try the same UI with MaterialApp and CupertinoApp
6
BONUS: counter that goes up by 5 instead of 1
7
Push to flutter-tr06 via PR