Flutter Mobile App Development Bootcamp | 2026

Install and verify Flutter on your system using terminal commands, run flutter doctor, follow Windows or Mac setup links, explore flutter.dev documentation and pub.dev dependencies to build apps.

Set up your Flutter development environment, install Flutter, Android Studio, and Visual Studio Code, then create a Flutter app with flutter create, and open it in VS Code to run.

Discover essential Visual Studio Code extensions for Flutter development, including the Flutter and Dart extensions, Error Lens for detecting issues, and the Material Icon Theme.

Explore flutter project structure, from android and ios to lib and test folders, and learn how main.dart acts as the app entry point with pubspec and assets.

Showcases the main entry point in flutter, using flutter run and hot reload to update UI, and clarifies stateless versus stateful widgets with create state and build method.

Learn how to use the emulator and simulator for Flutter development, toggle debug visibility in the material app, perform hot reload, and navigate Android and iOS simulators on a Mac.

Set breakpoints and step through Flutter code to locate errors, then configure the pubspec file to manage dependencies, assets, fonts, and material design options.

Learn how to set up a Flutter app with the MaterialApp widget, configure themes with color schemes from seed, and scaffold the home screen for a functional UI.

Explore the scaffold widget as the core building block of a Flutter app, configure the app bar, body, and actions, and use the build context to access the theme color.

Demonstrate the scaffold body property by centering a test widget with a style, showing hello world, and applying font size, weight, and color.

Explore how to implement a bottom navigation bar in Flutter using a scaffold with two destinations, including icons and labels, and understand selected index and stateless versus stateful behavior.

Explore the container widget as a versatile wrapper, using properties like alignment, padding, color, border, decoration, and border radius to craft bordered, centered content with responsive sizing.

Wrap a container with the padding widget, set padding with EdgeInsets, and adjust left, top, right, bottom or symmetric horizontal and vertical values to see the effect.

Learn how the column widget arranges children vertically and use main axis alignment and cross axis alignment to control spacing, sizing, and direction.

Explore the row widget and how it arranges items horizontally from left to right, contrasting it with the column widget. Adjust main axis and cross axis alignment, fix pixel overflow by widening the container, and use hot reload and the debug console to inspect layouts.

Learn how to use the Expanded widget in Flutter to fill available space by wrapping children with Expanded, compare with Flexible, and see live hot reload results.

Display local and network images in a Flutter app using Image.asset and Image.network, set up assets folder and pubspec entries, and handle loading and errors with loadingBuilder and errorBuilder.

Display a scrollable list of items with ListView, add padding and list tiles, and use dividers to separate entries, then preview how List View Builder handles a million items.

Explore how ListView.builder optimizes long lists by rendering only visible items using itemBuilder and itemCount, with a practical example and comparison to a normal ListView.

Explore the single child scroll view, which takes one child and supports direction and padding. Contrast it with list view, which uses multiple children and suits infinite data.

Utilize the card widget to build styled surfaces with elevation, color, and a rounded border. Arrange content with list tiles including a leading icon, title, and subtitle.

Create reusable custom widgets in Flutter by building a configurable card widget with color, elevation, title, subtitle, and icon, and reuse it across views to scale large apps.

Convert the home screen to a stateful widget to update the bottom navigation and show the active background when selecting home, contact, or profile, using setState to change the index.

Implement a dark and light theme toggle in a Flutter app by converting to a stateful widget, managing a themeMode variable, and wiring a callback to an icon button.

Explore persisting theme preferences with shared preferences by saving isDarkMode and loading it on init, then reorganize code by extracting the home page for cleaner structure.

Develop a Flutter registration form that collects name, email, gender, and age group with text editing controllers and a radio group, saving inputs on register.

Implement not-null form fields and a dropdown with an initial value and items; handle the change to update the selected value and prepare for form submission and validation.

Implement a Flutter submit form with name and email, validate input, show error and success dialogs, then reset the form and dispose controllers.

Learn how to build a Flutter form with name, email, gender, and age inputs, validate submissions, and manage data with text editing controllers and disposal.

Learn to implement bottom navigation in Flutter by creating contact and profile pages, wiring them into a pages list, and swapping the body with the selected index.

Refactor the home page by extracting the register form into a reusable form widget, then add and view logs with Flutter debug console and terminal tips.

Learn to perform http requests in flutter by adding the http package, calling the rest countries API, and parsing json to display country data.

Design a country info ui in flutter by implementing a stateful widget, text editing controller, and loading and error states, then fetch and display api data.

Implement a search country method with a future and await API calls. Validate input, handle errors, decode JSON, and update loading and country data for UI display.

Refactor your code to properly handle API responses for country lookups, display meaningful errors like country not found, and update state accordingly for robust 200 and 404 handling.

Explore flutter state management concepts, including local and app state, and compare set state with provider, riverpod, and bloc, emphasizing architecture and when to use each.

Create a Flutter app project, learn state management tools, run it by flutter create, open in Visual Studio Code, fetch dependencies with flutter pub get, and launch on an emulator.

Demonstrate setState as a Flutter state management approach by building a simple counter app and comparing it with Provider, Riverpod, and Bloc while showing how UI updates.

Learn to build a counter app with the provider package, wrapping the root widget with a change notifier provider to manage state, trigger notify listeners, and rebuild the UI.

Refactor code by separating pages and services into folders, create a counter provider service, update imports, and ensure app rebuilds as data flows from the provider to the user interface.

Explore Riverpod for state management by building a counter app where state lives in a notifier and the UI auto updates on changes using the consumer widget and provider scope.

Refactor code by organizing the lib into pages and states folders, adding a counter state file and a page example, and wiring in a counter provider.

demonstrates bloc state management in flutter by using a cubit to hold a counter, emit updates, and rebuild the UI with a bloc builder; shows flutter_bloc dependency and bloc provider.

Learn to replace the default flutter launcher icon by adding the flutter launcher icons dev dependency, configuring pubspec, and running the icon generator for android, ios, macos, and web.

Build a task management app with onboarding, login, registration, profile updates with image upload, and a task page to add, edit, and delete tasks, using river pod for state management.

Create a Flutter project from the terminal, name it task management, open it in Visual Studio Code, and run it on an Android emulator to verify the setup.

Add dependencies to store data locally with shared_preferences, manage state with riverpod, and enable image uploads with image_picker, while using uuid and intl for formatting in pubspec.yaml.

This lecture outlines a scalable Flutter folder structure, detailing app, core, and features folders with models, providers, services, fixtures, and shared widgets to support large apps.

Create a Dart user model with id, name, email, password, and optional profile image path, including toJson, fromJson, and a copyWith method for safe updates.

Define a task model in Dart for Flutter, including id, title, description, dueDate, createdAt and isCompleted, with constructors, toJson/fromJson, copyWith, and a human readable due date formatter.

Create and export light and dark themes in a Flutter app with an App Theme class, ThemeData, color schemes, and app bar styling.

Learn how to implement an auth repository that interfaces with shared preferences to register and login users, manage sessions, and retrieve the current user using a uuid and JSON-encoded maps.

Build a per-user task repository in Flutter, organizing data and presentation folders, and implement task_repository.dart with methods to get user task key, get tasks, save, update, delete, and toggle completion.

Build a profile repository in flutter, fetch and update the user via shared preferences, add the profile image path with copyWith, and implement update and profile picture update methods.

Explore the auth provider in Flutter with river port, detailing the provider layer and data flow from the UI to the repository, including login, logout, and user-specific task access.

Create a task provider in Riverpod with a task controller using an asynchronous notifier to fetch, add, update, delete, and toggle tasks via a repository, showing loading states.

Implement a profile provider using an async notifier to fetch the user profile from the profile repository, and enable updating the profile data and profile image.

Create a theme provider using a theme controller and theme state, exposed via a notifier provider, to toggle light and dark modes and persist the choice with shared preferences.

Create a reusable custom text field widget in Flutter, using Riverpod for state management and a stateless widget to handle the controller, label, icon, and validation.

Build a custom button widget as a stateless component, accepting onPressed, child, and style parameters (color, height, width, shape, elevation) and applying them through an elevated button's style.

Create a reusable loading indicator widget in Flutter by building a stateless widget that shows a circular progress indicator and an optional message, centered using a column layout.