We will design a Flutter Web App from scratch over a span of multiple weeks. This will give members the toolkit to create their own web apps for personal projects or the international Solutions Challenge. Flutter is Google's UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.

In this codelab, you'll create a simple mobile Flutter app. If you're familiar with object-oriented code and basic programming concepts—such as variables, loops, and conditionals—then you can complete the codelab. You don't need previous experience with Dart, mobile, or web programming.

What you'll learn in part 1:

How to write a Flutter app that looks natural on iOS, Android, and the web

Basic structure of a Flutter app

Finding and using packages to extend functionality

Using hot reload for a quicker development cycle

How to implement a stateful widget

How to create an infinite, lazily loaded list