Mobile Application Development

Learning Outcomes

You can get wild and crazy with the Flutter Framework

You have a basic understanding of Flutter widgets and know a few of them by name.
You can create small, one or two screen apps in development mode.

Readings

Begin learning Flutter: Welcome

First video in the Begin Learning Flutter playlist

Video (1 min)

Begin learning Flutter: How do I make my first Flutter app?

Overview of the Flutter approach to app implementation

Video (10 min)

IntelliJ shortcuts and customizations for Flutter

Tips and tricks for improving Flutter development in IntelliJ

VSCode customizations (from Code with Andrea)

Tips and tricks for improving Flutter development in VSCode

Flutter coding standards

Initial tips for Flutter coding standards

Layouts in Flutter

A high level introduction to Flutter’s approach to UI component layout

Understanding Constraints

Are your widgets the wrong size or in the wrong position? This article can help.

Experiential Learning

1. Join the Flutter Communities

Join the Flutter Slack and Discord communities

2. Write your first Flutter app

Follow this two-part Codelab to create the Startup_Namer app.

Codelab 03 Sep 11:00 PM

3. Introduction to Widgets

Follow this Codelab to create the Shopping_List app.

Codelab 06 Sep 11:00 PM

4. Basic Flutter layout concepts

Learn about Layout widgets (Row, Column, etc) while you build a simple business card

Codelab 10 Sep 11:00 PM

5. Building layouts; Adding Interactivity

Build a Campground app to learn about layout and interactivity.

Tutorial 13 Sep 11:00 PM

Experience building FTW Wireframes

Wireframe at least six screens for your FTW app

14 Sep 11:00 PM

Module: Flutterpalooza