Flutter

FlutLab.io DartPad

Week 1

• Flutter Installation
• MaterialApp
• Scaffold
• AppBar
• Colors

Week 2

• Layout widgets
• Center
• Container
• Padding
• SizedBox
• Column
• Row
• TextStyle
• Icon
• Icons Gallery

Week 3

• Adding assets and images
• Image
• CircleAvatar
• Use a custom font Design

Week 4

• Stateful and Stateless Widgets
• ElevatedButton
• GestureDetector

Week 5

• Functions
• Data Types
• Expanded

Week 6

• Custom Widget in Flutter
• math library
• Random

Week 7

• Flutter Forms
• Form Class
• TextField class
• TextFormField
• Radio class
• Checkbox class
• Build a form with validation
• Create and style a text field
• Handle changes to a text field

Week 8

• Navigate to a new screen and back
• Send data to a new screen
• Navigate with named routes
• Pass arguments to a named route
• DropdownMenu
• Slider

Week 9

• Card
• ListTile
• ListView
• ListView.builder
• Work with long lists

Resources

• Material Design
• Scaffold Documentation
• AppBar Documentation
• Material Design Colour System
• Image Widget Documentation
• Make Flowcharts with Draw.io
• Learn More About the Pubspec File
• Adding Assets
• Generating App Icons with AppIcon.co