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: | |
Your progress: |
|
Course intro and walk-through on creating a Flutter app in its simplest form.
02: "Identify these Widgets" Quiz
Which of these are all valid Flutter Widgets?
03: The Fundamentals of Layout in Flutter
Container, Column and Row.
04: Creating Your Own StatelessWidget
Code organization, functions and creating your own StatelessWidgets.
05: Organizing Data with Models
Using models and mock data to populate your screen.
Adding a image via URL. Working with Container constraints.
07: Managing Style and Adding Fonts
Wrapping up our recipe! Consolidating style and using custom fonts.
Our new recipe kicks off with basic lists in Flutter using ListView and ListTile.
09: Navigation and Handling Tap Events
Handling tap events in Flutter with callbacks. Using Navigator and MaterialPageRoute to navigate to a new screen.
Testing our models by writing unit tests.
11: Sanity Checks with Integration Tests
Testing to make sure our app loads by writing integration tests.
Getting ready for integrating with web services by covering JSON decoding and the json_serialization package.
Learn about Futures, async/await, testing and integrating web services.
Learn the fundamentals of state. We implement StatefulWidgets and integrate our screens with web services.
We explore how to gracefully handle slow connections by showing a progress bar above our listof locations.
We implement a RefreshIndicator, allowing our users to pull and refresh.
We tie everything together we've learned thus far using our knowledge of layout, containers, images and text by making our location listing gorgeous!
We continue to beautify our app by creating our own stateless widget and refine our location detail screen.
We finalize our app design by learning how to extend widgets, creating a custom navigation bar.