The Flutter Crash Course

A list of Flutter videos for folks with basic programming knowledge.

The Google doc used in the videos is here.

Source code can be accessed here.

Skill level: Junior Engineer
Required skills: Some programming language competency.
Last updated: 6/6/2022
Your progress:
minutes completed
0 of 275 total minutes

01: Hello, Flutter!

A Flutter app in its absolute simplest form. Text, Scaffold and AppBar.

02: The Fundamentals of Layout in Flutter
sign up required

Container, Column and Row.

03: Creating Your Own StatelessWidget
sign up required

Code organization, functions and creating your own StatelessWidgets.

04: Organizing Data with Models
sign up required

Using models and mock data to populate your screen.

05: Working with Images
sign up required

Adding a image via URL. Working with Container constraints.

06: Managing Style and Adding Fonts
sign up required

Wrapping up our recipe! Consolidating style and using custom fonts.

07: Working with Lists
sign up required

Our new recipe kicks off with basic lists in Flutter using ListView and ListTile.

08: Navigation and Handling Tap Events
sign up required

Handling tap events in Flutter with callbacks. Using Navigator and MaterialPageRoute to navigate to a new screen.

09: Super Simple Unit Tests
sign up required

Testing our models by writing unit tests.

10: Sanity Checks with Integration Tests
sign up required

Testing to make sure our app loads by writing integration tests.

11: Working with JSON
sign up required

Getting ready for integrating with web services by covering JSON decoding and the json_serialization package.

12: Consuming Web Services
sign up required

Learn about Futures, async/await, testing and integrating web services.

13: Stateful Widgets
sign up required

Learn the fundamentals of state. We implement StatefulWidgets and integrate our screens with web services.

14: Progress Bars
sign up required

We explore how to gracefully handle slow connections by showing a progress bar above our listof locations.

15: Pull to Refresh
sign up required

We implement a RefreshIndicator, allowing our users to pull and refresh.

16: Custom ListViews
sign up required

We tie everything together we've learned thus far using our knowledge of layout, containers, images and text by making our location listing gorgeous!

17: Beautiful Detail Screens
sign up required

We continue to beautify our app by creating our own stateless widget and refine our location detail screen.

18: Custom AppBars
sign up required

We finalize our app design by learning how to extend widgets, creating a custom navigation bar.