Free online courseFlutter for Beginners: Complete Flutter Tutorial Series
Duration of the online course: 2 hours and 33 minutes
New
Free Flutter beginner course for app development: learn core widgets, layouts, navigation, lists, forms, images, scrolling, and debugging with practice.
In this free course, learn about
Flutter Fundamentals and App Structure
Layout Basics with Rows, Columns, and Alignment
State, Interactivity, and Debugging Essentials
Containers, Images, and Scrolling
Navigation and Common UI Building Blocks
Routing, Dynamic Lists, and Forms
Course Description
Flutter for Beginners: Complete Flutter Tutorial Series is a free, beginner-friendly course in Technology and Programming focused on App Development with Flutter. It guides you step by step through the essentials of building modern mobile interfaces, helping you understand how Flutter works and how to structure an app from the ground up.
You will get comfortable working with core UI building blocks such as MaterialApp, AppBar, bottom app bars, columns, rows, spacing, alignment, and common layout patterns. Along the way, you will practice creating responsive screens using containers, centering and spacing widgets, expanded layouts, and scrolling experiences.
The course also introduces practical navigation between screens, working with lists and dynamic list rendering, adding images from the network, and building forms with text input. Debugging basics are covered too, so you can iterate faster and understand what is happening in your app as you develop.
With hands-on exercises and solutions integrated throughout, this tutorial series is designed to help you move from first setup to confidently assembling real Flutter app screens using widely used widgets and development workflows.
Course content
Video class: How Flutter Works - Flutter Tutorial for Beginners02m
Exercise: In Flutter, what does the Minecraft house example mainly illustrate about widgets?
Video class: MaterialApp06m
Exercise: Which pair of widgets were used to create a basic blank Flutter app structure?
Video class: AppBar05m
Video class: Bottom App Bar - Flutter Tutorial for Beginners09m
Exercise: Which Scaffold property is used to place a bar at the bottom of the screen?
Video class: Practical Exercise 1 - Flutter Tutorial for Beginners01m
Exercise: Which set of widgets best matches the described Flutter app layout?
Video class: Exercise Solution 1 - Flutter Tutorial for Beginners06m
Exercise: Which widget and property are used to center the title text in the app bar?
Video class: Column - Flutter Tutorial for Beginners03m
Exercise: How can you place multiple widgets one after another in the Scaffold body?
Video class: Row - Flutter Tutorial for Beginners02m
Exercise: In Flutter, what is the main difference between a Row and a Column in how they place their children?
Video class: Axis Alignment - Flutter Tutorial for Beginners05m
Exercise: Which Flutter widget is commonly used to place child widgets vertically one after another?
Video class: Buttons - Flutter Tutorial for Beginners09m
Exercise: What must you call when a button press changes a variable so the UI updates on screen?
Video class: Practical Exercise 2 - Flutter Tutorial for Beginners01m
Exercise: Which widget property is primarily used to move a child to the middle, end, and other positions in a Column or Row?
Video class: Exercise Solution 2 - Flutter Tutorial for Beginners09m
Exercise: Why must the widget be converted to a StatefulWidget in this exercise?
Video class: Debug Banner - Flutter Tutorial for Beginners01m
Exercise: How do you remove the debug banner in a Flutter app?
Video class: Container - Flutter Tutorial for Beginners05m
Exercise: In Flutter, what is the main difference between padding and margin in a Container?
Video class: Debug - Flutter Tutorial for Beginners02m
Exercise: In Flutter, which widget is commonly used as a container for positioning, padding, and decorating a single child?
Video class: Image network - Flutter Tutorial for Beginners03m
Exercise: Which widget is commonly used in Flutter to display an image loaded from an internet URL?
Video class: Single Child Scroll View - Flutter Tutorial for Beginners02m
Exercise: How can you fix a RenderFlex overflow error caused by content (like an image) being taller than the available screen space?
Video class: Flutter Tutorial for Beginners04m
Exercise: How do you display an image stored inside your Flutter app (offline) after adding it to pubspec.yaml?
Video class: Practical Exercise 3 - Flutter Tutorial for Beginners00m
Exercise: Which widget setup allows vertical scrolling for a Column containing an asset image and a network image?
Video class: Exercise Solution 3 - Flutter Tutorial for Beginners04m
Exercise: Which widget is used to make the screen scrollable when placing multiple images in a vertical layout?
Video class: Navigator - Flutter Tutorial for Beginners09m
Video class: Spacer05m
Exercise: In Flutter, which widget is used inside a Row to take up remaining space and help position IconButtons toward the center?
Video class: Center - Flutter Tutorial for Beginners06m
Video class: ListView04m
Exercise: In Flutter, what is the purpose of the leading and trailing properties in a ListTile?
Video class: Practical Exercise 4 - Flutter Tutorial for Beginners00m
Exercise: How do you navigate to a second page using a named route in Flutter?
Video class: Exercise Solution 4 - Flutter Tutorial for Beginners06m
Exercise: How do you navigate from the Home page to SecondPage using a named route in Flutter?
Video class: ListView.builder Flutter Tutorial for Beginners13m
Exercise: What is required to update the UI when increasing the number of items shown in a ListView.builder after pressing a button?
Video class: Expanded - Flutter Tutorial for Beginners04m
Exercise: What does the Expanded widget mainly do when placed inside a Column or Row?
Video class: Text Form Field - Flutter Tutorial for Beginners09m
Exercise: Which approach lets the app read what the user typed in a TextFormField and show it after pressing a button?
Video class: Practical Exercise 5 - Flutter Tutorial for Beginners01m
Exercise: In this exercise, what should happen when the Reset button in the bottom navigation bar is pressed?
Video class: Exercise Solution 5 - Flutter Tutorial for Beginners05m
Exercise: In Flutter, what must you add to a ListView.builder to prevent it from building an infinite number of items?