Skip to main content
00:00/00:00
Lecture 19 of 142

MaterialApp and Scaffold

Download Course (Free)

Course Content

0 / 142 completed
Section 1: Download necessary tools and install VS code Flutter SDK Android SDK Tools4 videos

Install VS code

2m

Download all the tools

8m

Create your first project using VS code windows

34m

Install Flutter and Android SDK and Command lines tools

15m
Section 2: Introduction1 videos

Introduction

42m
Section 3: Project setup and structure and github repo4 videos

Create project for Flutter app in Android Studio

13m

Create a git repo for the project

15m

Understand project structure

36m

Remove comments from maindart

13m
Section 4: Core understanding of Dart class inheritance and Flutter6 videos

About main function

13m

More about Stateful class

21m

Understand class and stateful class

31m

Understanding class and inheritance in Dart

1h 11m

Understanding abstract class and constructor

1h 21m

MaterialApp and Scaffold

33mNow Playing
Section 5: Bottom Navigation module7 videos

Create BottomNavBar class

19m

Style BottomNavigationBar

8m

Install icons for bottom nav bar

22m

BottomNavigationBarItem and List

1h 2m

Use setState to update BottomNavigationBar

10m

Access BottomNavigationBars index

26m

Create dummy screens for BottomNavigationBar

29m
Section 6: Home screen module37 videos

Overview of the upcoming HomeScreen

3m

Home screen module and understand the layout part 1

8m

Understanding vertical and horizontal layout design

3m

About other nested widgets

6m

Understanding Container widget

23m

Define widgets with layout

11m

Finish header layout with widgets

36m

Style Text widgets

45m

Create separate style class

40m

Style Container for Image

16m

Create a separate media file

17m

Create a search box layout

19m

Show image on the screen

37m

Background color and remove AppBar

15m

Understand the ticket view layout

6m

Create TicketView widget class

16m

Understand copyWith method and create examples

45m

Style TicketView left and right border

13m

TicketView destination text

14m

TicketView big dots

8m

Expanded widget and count of them

7m

Understanding Stack widget

6m

Understand the dynamically generated widget principle

8m

Show and rotate plane icon

10m

Understand the degree and radians for angle

7m

Create AppLayoutBuilderWidget

40m

Show the second row in the blue part of the ticket

8m

Show the bottom part of the ticket

7m

Understand and create a reusable widget

57m

Dart Ternary operator

9m

Change the text of the orange part

14m

Show the ticket dash

16m

Create big circle widget for ticket end

53m

Style first row bottom text

9m

Create reusable widgets for bottom row ticket

33m

Understand dart Map List together in our ticket app

7m

Create reusable widgets for first row ticket

28m
Section 7: Colorize android studio1 videos

Colorize android studio

6m
Section 8: Dart Concepts Const Final Immutability List Map5 videos

Dart Map List together

7m

Understanding const final and immutability

21m

Edit map value and limit number

6m

Dart Map List

1h 5m

Load Data from Map format

45m
Section 9: Navigation and routing7 videos

Navigation and routing basics

14m

Navigation and MaterialApp

38m

Create a route file

6m

Show all tickets in a new route

39m

Dynamic navigation with callback

13m

Use routes property for navigation

46m

Show-all-the-tickets-in-new-route

53m
Section 10: Hotel widget4 videos

Create hotel widget

17m

Style hotel widget

19m

Show image and text on Hotel widget

39m

Load and show map data

1h 18m
Section 11: Search screen module13 videos

Show title of search screen

13m

Create search screen file and refactor code

10m

Reusable widgets for AppTicketTabs

22m

Create ticket and hotel tabs

28m

Show bottom of the Column

6m

Create AppTextIcon widget

30m

Create FindTickets Widget

23m

Understanding Stack widget

2m

Create widgets of Row

33m

Show the text on the right column

22m

Show text on the right column bottom

21m

Refactor code

33m

Stack widget for overlapping

16m
Section 12: Ticket screen module9 videos

TicketScreen and tabs

34m

Show the ticket view

12m

Change ticket view bottom color

27m

Change the color of bottom text

9m

Show more on the ticket screen with divider

31m

Change ticket view top color

32m

Show more with reusable widgets

40m

Show the rest of the ticket detail

1h 1m

Ticket screen and draw circle part

57m
Section 13: Navigation section9 videos

Understand the upcoming section

2m

Grab the passed index in didChangeDependencies

17m

Create app bar and navigator

25m

Work on the hotel routing

12m

Show the gridview using hotel text

10m

Understanding GridView

20m

Passing the ticket index around

18m

Fix image layout issue with margin

4m

Added hotel view with routing

40m
Section 14: CustomScrol View Slivers SliverAppBar SliverList14 videos

Introduce upcoming design

3m

Introduce CustomSrollView

6m

Routing for hotel detail

12m

Show image and text

24m

Image complete width

5m

Work on the back button

24m

Work on the title text

36m

Understand how expandable text should work

4m

Create CustomScrollView

1h 30m

Understanding shadow concept

51m

Toggle the expanded text

40m

Toggle between the expanded value

59m

Navigation from home page

21m

Show nested images

1h 11m
Section 15: Profile screen module11 videos

Profile and header text

12m

Profile screen and logo

25m

Reusable-text-header

29m

Profile text third header text

26m

Reusable header text

29m

Profile screen and row and column layout part 6

21m

Profile screen and bottom text part 8

8m

Profile screen and show card

50m

Profile screen and row and column layout part 7

32m

Show the positioned widget

27m

Finish with the profile screen

44m
Section 16: State management system Getx4 videos

Understand why we need state management package part 1

12m

Getx dependency injection and access value in the UI part 3

50m

Finish-with-getx

1h 1m

Create GetX controller inject dependencies and restructure code

1h 30m
Section 17: Riverpod state management2 videos

Show bottom bar using Riverpod

43m

Toggle text expansion

47m
Section 18: Flutter BLoC4 videos

Injecting Bloc

37m

Show BottomNavBar with Bloc

1h 23m

Deeper understanding of Bloc

40m

Toggle Text Expansion

1h 30m