[Latest] Flutter Development Bootcamp with Dart & Firebase

Explore Dart basics, including variables, functions, classes, and conditionals, and build a simple calculator that performs arithmetic operations in Flutter.

Explore the dot programming language basics using dot pad, create and print variables in string, int, double, and bool, and learn about the var keyword and string interpolation.

Learn rules for defining variable names in Dart: do not start with numbers, start with a letter or underscore, digits may appear only at the end, and case is flexible.

Practice variable basics in Dart by creating first and last name string variables, printing with string interpolation, computing the sum of numbers, and evaluating whether A is greater than B.

Explore how to define immutable pi with final and const in Dart, prevent changes to values, and compare runtime vs compile-time constants while calculating circle area.

Learn to define and call functions in Dart, including return types, names, and parameters, with examples of positional and named parameters and returning and printing results.

Explore higher order functions in Dart by passing functions as arguments and returning functions, with hands-on examples using forEach and map to process lists and transform data.

Explore conditional flow statements in Dart, including if-else, switch cases, and the expression form, to determine even or odd numbers, use the default case, and print invalid number.

Solve three exercises in Flutter with Dart on functions, conditional flow, and loops, including a greater-number function, vowel counter, and day-name switch to prepare for building a calculator app.

Explore classes and objects in Dart by defining a circle class with radius as state and methods like set radius, get area, and get circumference.

Define a constructor in a Dart class to require a radius at creation. Use the class name in camel case, this to distinguish parameters from fields; positional and named constructors.

Explore the three types of constructors in Dart—default, parameterized, and named—through practical examples. Learn how to define and call each in class design, with factory constructors discussed later.

Explore inheritance in Dart by extending a superclass to reuse its properties and methods, using the super keyword for constructors and overriding methods to enable polymorphism in subclasses.

Learn how Dart abstract classes define a shared skeleton for vehicles, enabling polymorphism as subclasses like car and motorcycle override start and stop methods.

Launch Flutter basics by creating your first Flutter application, using variables, functions, conditional statements, switch cases, and grasping classes and objects.

Build your Flutter app using material app and scaffold to craft a calculator interface with centered text, an app bar, and a floating action button with an on pressed handler.

Design a Flutter calculator UI using a vertical column layout with text fields, a centered app bar, and a row of four styled buttons, including padding, borders, and input decorations.

Create a stateless widget by defining a class that extends stateless widget and implements a build method that returns a widget, with a constructor to pass a title.

Explore the module’s app flow from an empty controller to calculating with a missing operator error, and finish with a fully working app after selecting the plus operator.

State is the data that drives a widget’s behavior and appearance; stateless widgets stay fixed while stateful widgets update via setState to rebuild the UI after user interactions.

Explore managing state in a Flutter calculator app by storing text field values, the latest operator, and handling the calculate button to display results or error messages.

Learn to create a stateful widget in Flutter by defining a StatefulWidget class, implementing createState, and building UI in the state class, with boilerplate shortcuts.

Learn to build stateful Flutter components with two text fields and a nullable operator, calculate results using a switch, and refresh the UI with setState.

Change keyboard to number input and guard text editing controllers so double.parse only processes numeric values; use isEmpty checks and an early return to require both values.

Display and update error messages in a Flutter app with a nullable error string, setState, and null checks, styling the message in red at size 25; then explore custom widgets.

Build custom Flutter buttons using a decorated container with fixed size and rounded corners, centered text, and tap handling via inkwell or gesture detector for plus, minus, multiply, divide.

Learn to build a reactive Flutter calculator by updating button and text field colors based on user input and operator state, using onChanged and setState to rebuild the view.

Extract the operator button into a reusable widget to optimize a flutter calculator. Map operators into a row to reduce code length and improve maintainability.

Create a separate custom text field widget with onchange, a text editing controller, and hint text, using an outline input border to reduce code and improve UI.

Develop code modularity in Flutter by extracting the repeated expression check into a dedicated function isEmptyController, improving readability and consistency while cleaning up prints and comments.

Boost modularity in flutter projects by moving operator button and custom text field into files, wiring in material, and building a stateful calculator with navigation for a two-screen todo app.

Build a flutter to-do app with a home screen, a floating action button to add tasks, a date picker for due dates, and category filters. View pending and finished tasks.

Builds the Flutter UI for a todo app, adding an app bar with a pop up menu button and mapping a data list to menu items.

Build a dynamic Flutter todo widget with a card-styled list using ListView and ListTile, featuring a leading checkbox, a trailing type label, and color-coded text by type from a TodoModel.

Use a switch-based function to map todo model type to colors like amber for shopping, blue for work, red for personal, and orange for wishlist, with black as default.

Add a floating action button on the home page using scaffold, configure onPressed, and navigate to a new task page via Flutter's navigator and material page route.

Design and implement an app bar on the new task page, customize a leading icon, and enable back navigation using Navigator.pop while adding text fields.

Learn to build a Flutter new task page with a text field and a date picker, using column layout, padding, and alignment, plus showDatePicker with async/await.

Learn to build a Flutter dropdown menu with a dropdown button, items via dropdown menu items, and onChanged to store the selected value, using expanded and state management.

Convert the widget to a stateful widget and implement state management for a date picker and a dropdown menu using text editing controllers to display selections.

Convert the home screen list to dynamic, add a new todo from the task page via a passed function, and update the UI with setState to reflect changes.

Learn to toggle a todo item's status with a checkbox, identify the item by index and id, update its status in the list, and refresh the user interface.

Learn how the UI updates when a todo's status changes, comparing separate category lists with a temporary list for the current category, including pending, all list, and finished views.

Manage the category state in a Flutter todo app using a popup menu to update a temporary list and refresh the UI with filters such as shopping, pending, and finished.

Learn how to add a 500 millisecond delay before updating the UI in a Flutter todo list by using Future.delayed, async/await, and setState to reflect changes.

Learn how to fix bugs in a Flutter todo app by testing status transitions, managing categories (pending, finished, work, wishlist), and using toList to avoid shared memory references.

Create a gym exercise guide app with a home screen, drawer, favorites, and BMI calculator. Show details with steps, equipment, sets, reps, duration, and filters for equipment and difficulty.

Build a Flutter home page with an app bar, drawer, and bottom navigation, include an asset image in a circle avatar, customize color and text styling, and disable debug banner.

Build the home screen UI with a scrollable list of items and a top workout categories header. Include a divider, horizontal padding of 20, and bold italic text styling.

Build a Flutter workout category card with a network image, height 150, width infinity, cover fit, rounded border, and a bottom gradient with bold italic title.

Create a reusable workout category model and widget, populate it from a data list of image and category name, and display with a list view builder in Flutter.

Navigate from a workout category card to an exercise list page using inkwell or gesture detector and Navigator.push, passing category name via the constructor, and apply ThemeData app bar theme.

Master Flutter navigation by using push named with route names and arguments, centralizing routes, and setting a leading slash initial route to streamline navigation and reduce errors.

Create an exercise model and assemble the exercise list for each category, capturing image, equipment, steps, duration, difficulty, targeted muscles, and a favorite state toggled by a floating action button.

Create a reusable exercise card widget in Flutter, displaying an image, title, equipment list, and a star-rated difficulty with padding, borders, and shadows.

Create and display a categorized exercise list using a map with title and exercises, filter by category, and render items with ListView.seperated.

Build a Flutter exercise detail page with named route navigation, pass an exercise model, and render image, title, steps, muscles, equipment, sets, reps, duration, and a favorite button.

toggle the is favorite status of a specific exercise by tapping the floating action button, update the model, and reflect the change in the icon and bottom navigation bar.

Learn to build a bottom navigation bar in Flutter with category and favorite tabs, customize with bottom navigation bar theme, and toggle content between workout categories and favorite exercises.

Update the homepage by linking the bottom navigation bar index to current index with setstate, switching header titles and lists between workout categories and favorite exercises.

Convert the detail page to stateful, implement a toggle favorite function, and pass it from the main app to update both the exercise detail and my home page screens.

Create a functional drawer UI with a header and two navigation options: calculator and filter screens, and wire it to update the exercise list based on user-selected preferences.

Create two pages—BMI calculator page and filter screen—inside the pages folder, define static routes, register them in main.dart, and navigate with pushNamed from the drawer to switch between screens.

Create a Flutter filter screen with radio buttons for equipment type and a difficulty slider, managed by a shared app state using an Equipment enum.

Build and manage the UI flow to filter exercises by category, difficulty, and equipment in a Flutter app, and show contextual messages when no results exist.

Build a Flutter BMI calculator UI with a weight slider, height and age text fields, and gender tiles. Use state management to update the BMI output when calculating.

Build a Flutter BMI calculator by parsing input, computing gender-based BMI, updating the UI with setState, formatting to two decimals, and displaying a centered result message with a scrollable layout.

Build realistic, server-driven Flutter apps with email/password authentication, sign up, forgot password, and Firebase real-time database and storage CRUD, including file upload, view, download, and search.

Develop a Flutter authentication screen with a reusable custom text field widget, manage screen state, implement routing, and integrate assets for a polished login form.

Create a reusable size box helper for spacing, then build the login form with text fields and icons, using static size box access and per-field controllers, plus a register button.

Create a custom authentication button as a reusable widget, configure on press callback, height, color, rounded shape, and text style, and integrate it into the authentication screen.

Define a full-screen gradient background using a container and media query to adapt to any device size, applying a linear gradient from top center to bottom center, white to blue.

Learn to implement form validation in Flutter by wrapping fields in a form widget, using text form field validators, and enforcing password rules for secure, error-free authentication.