Flutter Crash Course – Free Flutter tutorials for beginners

Flutter, Flutter Crash Course

We are going to launch a brand new course of Flutter app development – Flutter Crash course for absolute beginners. In this course we will start from 0 and will cover all the basics that need to create professional app.

This course is divided into 3 main parts

  1. Basics
  2. Stateless Widgets
  3. Stateful Widgets

Watch Youtube tutorial

 

 

Flutter Basic Overview

This is the first phase in flutter app development in which we will start from flutter installation. Then we will create our first flutter application. List is defined as below:-

  1. Overview
  2. Installation / Setup on Android Studio
  3. Create First Flutter App
  4. UI Basic Widgets
  5. Organize the code
  6. Add Logic to application

Flutter Stateless Widgets

Stateless widgets are the widgets that never change their state once the app is up and running. They include the layouts, texts etc. Below is the list of stateless widgets that we cover in this series.

  1. What is a widget and types – Overview
  2. Image
  3. Icon
  4. Container
  5. Elevated Button
  6. AppBar with Action Buttons
  7. Row
  8. Column
  9. Expanded
  10. ListView Static
  11. ListView Dynamic
  12. Navigation Drawer
  13. Floating Action Button
  14. Stack
  15. Card

Flutter Stateful Widgets

Stateful widgets are the widgets that change their state at run time or when user interacts with the application. Below is the list of stateful widgets that we cover in this series.

  1. What is Stateful VS Stateless Widgets?
  2. Move from one Screen to another
  3. Text-Fields
  4. Radio buttons
  5. Checkbox
  6. Form
  7. Small App to Include both types

CODING with T

🚀 Supercharge your Flutter skills! Subscribe to my YouTube channel now for mind-blowing coding insights, expert tips, and exclusive content. Don’t miss out!

23 - Product Detail Screen, How to create Products Details Screen in Flutter. Flutter eCommerce app UI Design

Source code

COURSES

Flutter E Commerce App Modern and latest
Flutter Login App UI Source Code - Flutter Complete App - Flutter App Design - Flutter App 2023 - Complete Flutter App 2023
Learn flutter from scratch in 4 hours - Flutter Crash Course - Coding with T

Learn Flutter

1.2 # How to install flutter on android studio 2022 - Flutter Basic Crash Course
2.2 - Add Image in Flutter - Assets Network- Flutter Basic Crash Course 2022

flutter Design

How to create a Custom Shape in Flutter. Flutter E Commerce app Design. Ecommerce app design Flutter. Flutter clippath tutorial
How to create a Custom Appbar in flutter. Custom Appbar Design. Flutter App Design
16 - Product Card and Grid Layout, How to create a Grid View in Flutter. How to add Products in GridView Layout. Flutter eCommerce app UI Design
Bottom Navigation bar in Flutter. Flutter Material 3 bottom navigation bar. How to design background color of Flutter bottom navigation bar. Flutter ecommerce app design
23 - Product Detail Screen, How to create Products Details Screen in Flutter. Flutter eCommerce app UI Design

Flutter Backend

33 - How to Setup Firebase - Firebase Basics - Flutter Firebase - Flutter ecommerce app with firebase as backend
38 - How to Sign-in with Google in flutter Firebase, Firebase Basics, Flutter Firebase, Flutter ecommerce app with firebase as backend
40 - Flutter Firebase CRUD,  Firebase Basics, Flutter Firebase, Flutter ecommerce app with firebase as backend