Course Information
Course Overview
Learn Mobile App Building Step By Step
This app covers Flutter for very beginners to advanced learners. In this tutorial step by step we will build a beautiful UI and learn the very core of Dart and Flutter. At the beginning of the course we have given most necessary basic of dart to build an app. This course 3-5 minutes in each lecture so that students can follow us easily.
Not only that, we have used a lot of pictures and graphics to make the understanding of Flutter easy.
We start from very simple ui like drawing text to complex layout using stack and mixture of column and row widget.
We also built reusable widget to reduce code amount. So at the end of this tutorial you learn how to build simple to complex reusable flutter widgets.
Along with you will master core Dart concept
1. Class
2. Inheritance
3. List
4. Map
5. Method overriding
Along the way, we explained what's a stateful class and difference between a stateful class and stateless class. We also explained what's a bottom navigation bar and how to set up screens for bottom navigation bar. Bottom navigation bar mainly involves jumping to different screens and complex layout.
Homepage UI
Homepage UI includes greetings layout, ticket layout, colorful tickets, hotel view with images.
Ticket search
Ticket search UI includes searching tickets UI with upcoming flights.
Ticket UI
Ticket UI involves showing ticket information with bar code. This is beautiful.
Book Ticket
This UI includes information about a certain flight.
Later on, we explained how to work with different colors and separate color in a static file.
The widgets we built in this tutorial
1. reusable style component
2. reusable color pallet
3. reusable column widget
4. reusable layout builder widget
5. reusable column widget
6. reusable row widget
7. reusable ticket widget
After finishing this course, you will have much better understanding how flutter works and you will master app layout building.
At the same time we have covered, state management packages. We have covered Getx, Riverpod and most popular BLoC state management. Thus you learn about all the favourite state management and see the comparison among them.
Course Content
- 10 section(s)
- 145 lecture(s)
- Section 1 Introduction
- Section 2 Download necessary tools and install VS code | Flutter SDK | Android SDK | Tools
- Section 3 Project setup and structure and github repo
- Section 4 Core understanding of Dart class, inheritance and Flutter
- Section 5 Quiz about Dart knowledge
- Section 6 Bottom Navigation module
- Section 7 Quiz section about BottomNavigationBar
- Section 8 Home screen module
- Section 9 Quiz about Home screen widgets
- Section 10 Colorize android studio
What You’ll Learn
- Project setup
- Flutter project structure
- Flutter scaffolds and it's properties
- Flutter reusable widgets
- Flutter Bottom Navigation Bar
- Flutter RenderLayout Widgets
- Four beautiful and complex UI
- Dart core concepts like classes, abstract classes and constructors
- Dart core concepts List & Map in detail
- State management library BLoC, GetX and Riverpod 2.0
- Routing with GetX
- Loading json files from local storage
Skills covered in this course
Reviews
-
AAsif Khan
Alhamdulillah, I have completed this course, and I want to express my gratitude to the instructor. The teaching style was clear, structured, and very beginner-friendly. The instructor broke down complex concepts into manageable lessons, making it easier to understand and apply them in real projects.
-
PPro3dev
A very wonderful course that I recommend for beginners who want to become professional in learning Flutter and build a strong foundation for learning programming in the Dart language and qualify you for the job market or searching for a job in companies.
-
AAbdusalom G'ayratov
Love the course.
-
VVaaridhi Das
Good