Flutter & Dart : The complete beginners guide [2024]

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Download necessary tools and install VS code | Flutter SDK | Android SDK | Tools

Lecture 1: Download all the tools

Lecture 2: Install VS code

Lecture 3: Install Flutter and Android SDK and Command lines tools

Lecture 4: Create your first project using VS code (windows)

Chapter 3: Project setup and structure and github repo

Lecture 1: Create project for Flutter app in Android Studio

Lecture 2: Understand project structure

Lecture 3: Create a git repo for the project

Lecture 4: Remove comments from main.dart

Chapter 4: Core understanding of Dart class, inheritance and Flutter

Lecture 1: About main() function

Lecture 2: Understanding class and inheritance in Dart

Lecture 3: Understanding abstract class and constructor

Lecture 4: Understand class and stateful class

Lecture 5: More about Stateful class

Lecture 6: MaterialApp and Scaffold

Chapter 5: Quiz about Dart knowledge

Chapter 6: Bottom Navigation module

Lecture 1: Create BottomNavBar class

Lecture 2: BottomNavigationBarItem and List

Lecture 3: Style BottomNavigationBar

Lecture 4: Install icons for bottom nav bar

Lecture 5: Create dummy screens for BottomNavigationBar

Lecture 6: Access BottomNavigationBar's index

Lecture 7: Use setState() to update BottomNavigationBar

Chapter 7: Quiz section about BottomNavigationBar

Chapter 8: Home screen module

Lecture 1: Overview of the upcoming HomeScreen

Lecture 2: Home screen module and understand the layout part 1

Lecture 3: Understanding Container() widget

Lecture 4: About other nested widgets

Lecture 5: Understanding vertical and horizontal layout design

Lecture 6: Define widgets with layout

Lecture 7: Finish header layout with widgets

Lecture 8: Style Text() widgets

Lecture 9: Create separate style class

Lecture 10: Style Container for Image

Lecture 11: Show image on the screen

Lecture 12: Create a separate media file

Lecture 13: Create a search box layout

Lecture 14: Background color and remove AppBar

Lecture 15: Understand and create a reusable widget

Lecture 16: Understand copyWith method and create examples

Lecture 17: Understand the ticket view layout

Lecture 18: Create TicketView widget class

Lecture 19: Style TicketView left and right border

Lecture 20: TicketView destination text

Lecture 21: TicketView big dots

Lecture 22: Expanded widget and count of them

Lecture 23: Understanding Stack widget

Lecture 24: Understand the dynamically generated widget principle

Lecture 25: Create AppLayoutBuilderWidget

Lecture 26: Show and rotate plane icon

Lecture 27: Understand the degree and radians for angle

Lecture 28: Show the second row in the blue part of the ticket

Lecture 29: Show the bottom part of the ticket

Lecture 30: Create big circle widget for ticket end

Lecture 31: Dart Ternary operator

Lecture 32: Show the ticket dash

Lecture 33: Change the text of the orange part

Lecture 34: Style first row bottom text

Lecture 35: Create reusable widgets for first row ticket

Lecture 36: Create reusable widgets for bottom row ticket

Lecture 37: Understand dart Map & List together in our ticket app

Chapter 9: Quiz about Home screen widgets

Chapter 10: Colorize android studio

Lecture 1: Colorize android studio

Chapter 11: Dart Concepts Const, Final, Immutability, List & Map

Lecture 1: Understanding const, final and immutability

Lecture 2: Dart Map & List

Lecture 3: Dart Map & List together

Lecture 4: Load Data from Map format

Lecture 5: Edit map value and limit number

Chapter 12: Navigation and routing

Lecture 1: Navigation and routing basics

Lecture 2: Navigation and MaterialApp

Lecture 3: Show all tickets in a new route

Lecture 4: Use routes property for navigation

Lecture 5: Create a route file

Lecture 6: Dynamic navigation with callback

Chapter 13: Hotel widget

Lecture 1: Create hotel widget

Lecture 2: Show image and text on Hotel widget

Lecture 3: Style hotel widget

Lecture 4: Load and show map data

Chapter 14: Search screen module

Lecture 1: Create search screen file and refactor code

Lecture 2: Show title of search screen

Lecture 3: Create ticket and hotel tabs

Lecture 4: Reusable widgets for AppTicketTabs

Lecture 5: Create AppTextIcon widget

Lecture 6: Create FindTickets Widget