Learn Flutter from scratch

Master Flutter text fields by building interactive inputs with onChanged and onSubmitted, styling with decoration and placeholders, and using a TextEditingController for validation and control.

Learn to add a switch widget in Flutter, handle onChanged to toggle boolean values, print state, and customize switch track color with main axis alignment in a column.

Explore how to add three checkboxes in a Flutter app, duplicate and adjust their state, and render a simple, colorful checkbox widget in dark blue and yellow for user selections.

Learn how to implement radio buttons in Flutter from scratch, including grouping values, handling user selection, and using radio inputs in quizzes and feedback forms.

Learn how to add a slider in Flutter to capture numerical input, set min and max, handle user input from text fields, and validate values for dynamic UI feedback.

Explore Flutter buttons, including flat, raised, fab, and icon buttons, and learn to customize color, elevation, and shape. Build a custom button widget with on pressed actions.

Explore how rows and columns act as an imaginary grid to place widgets on the mobile screen, using main axis and cross axis alignment, and expanded to distribute space evenly.

Practice building a simple calculator in Flutter using four basic operations (addition, subtraction, multiplication, division) with buttons and a text field, applying what you've learned so far.

Learn to implement tabs in a Flutter app using a tab bar and tab controller, with three tabs, a scaffold body, and swipe to switch tabs.

Learn to add a bottom navigation bar using tabs to switch between screens, customize with icons or text, and optionally use a navigation drawer or hamburger menu for extra screens.

Implement a navigation drawer activated by a hamburger button, letting users tap items to navigate to pages like profile while managing a stack of routes and overlays.

Learn how to implement routing in Flutter by creating a home page and two additional pages, wiring buttons to navigate via push and pop, and managing the navigator stack.

Learn how to create and style lists in Flutter, including basic list views, padding, scrollable behavior, and dynamic lists with changing length.

Explore how to implement and customize dialogs in Flutter, including alerts, yes/no actions, context handling, and navigator stack interactions to capture user decisions.

Make asynchronous HTTP requests in Flutter by creating a future function, sending a GET request to a news API, handling authentication, and decoding the response to extract data.

Learn how to decode a response in Flutter; extract author, title, date, and source; filter by outlet; build an app that lists articles and shows details on tap.

Make requests in Flutter, parse the response, and display a simple list of news titles using cards. Tap a card to open a dialog with the description and source.

Learn how to use Firebase Firestore, a cloud-based real-time database that stores data in documents and collections, and integrate it with your Flutter app.

Learn to read data from a cloud Firestore collection in Flutter by creating a collection and documents, then display real-time updates with streams and StreamBuilder.

Learn how to add a new document to a Firestore collection in Flutter by presenting a dialog with fields, then saving brand name and value to the collection.

Create a multi-screen authentication flow in Flutter by building a login page with email and password, a sign-up option, and a home page, wired to Firebase.

Learn how to bring in external assets to a Flutter app by creating an assets directory, declaring them in pubspec.yaml, and using asset images in production builds.

Implement simple validators for email and password text fields using a form key to access state and control login validation.

Add a signup page in Flutter, wire up routes and navigation between login and signup screens, and enable mail password signup with Firebase authentication.

Learn to set up sign up and log in flows, navigate to a dashboard or home page, and return to the login screen from the dashboard with a simple button.

Learn to sign up new users in Flutter by integrating Firebase authentication with email and password, and use push replacement to remove the sign-up screen from the navigation stack.

Build a login flow in Flutter from scratch that authenticates users with email and password, handles sign in, and navigates to a post-login landing page.