Permalink
3b8a257 Oct 26, 2018
1 contributor

Users who have contributed to this file

73 lines (52 sloc) 3.21 KB
title description
Codelabs
Codelabs to help you quickly get started programming Flutter.

Write Your First Flutter App, part 1

Create a simple mobile app that generates proposed names for a startup company. In part one, you'll use a package that returns pairs of words at random and inserts them into an infinitely scrolling list.

Write Your First Flutter App, part 2

Create a simple mobile app that generates proposed names for a startup company. In part two, you'll extend the example from part 1 to allow the user to select favorite word pairs, and add a second "Saved Favorites" page where users can view the selected names. Finally, you'll change the app's theme color.

Building Beautiful UIs with Flutter

A deeper "first dive" than "Write Your First Flutter App." In this codelab you'll create a chat app that includes a simple animation, and customizes the UI for iOS and Android.

Firebase for Flutter

Learn how to connect a Flutter app to a Firebase database, and how to use a transaction to update shared information.

MDC 101 Flutter: Material Components (MDC) Basics

Learn the basics of using Material Components by building a simple app with core components. The four MDC codelabs guide you through building an e-commerce app called Shrine. You'll start by building a login page using several of MDC Flutter's components.

MDC 102 Flutter: Material Structure and Layout

Learn how to use Material for structure and layout in Flutter. Continue building the e-commerce app, introduced in MDC-101, by adding navigation, structure, and data.

MDC 103 Flutter: Material Theming with Color, Shape, Elevation, and Type

Discover how Material Components for Flutter make it easy to differentiate your product, and express your brand through design. Continue building your e-commerce app by adding a home screen that displays products.

MDC 104 Flutter: Material Advanced Components

Improve your design and learn to use our advanced component backdrop menu. Finish your e-commerce app by adding a backdrop with a menu that filters products by the selected category.


For a full list of available Flutter codelabs, see the Flutter category on Google Developers. If the previous link doesn't work for you, try this mirror of the Flutter codelabs.

{% comment %} // Right now, there's only the Java->Dart lab, which is also in the // Flutter category, so this is (effectively) a dupe link. For Dart-specific codelabs, see the codelabs page on dartlang.org. {% endcomment %}