Flutter Course Outline Duration time for this course is 1.5-2 months. There will be weekly 2-3 classes (1-1.5 Hour classes each) In each chapter, we will try to create a new application so that everyone can learn from examples and implement them practically. Every week a homework assignment will be assigned to check the progress of the students. This course will cover every topics that is important to master Flutter.
Introduction To Flutter & Dart
â—Ź Dart or Flutter? Where to start
â—Ź Introduction to Flutter
â—Ź Prerequisite of installing Flutter Install Flutter On Window
â—Ź Install Flutter for windows
â—Ź Install Java JDK â—Ź Install android studio
â—Ź Install command line tools with SDKs
â—Ź Install emulator Running app on physical devices
â—Ź Creating our first project
â—Ź Run app on an android physical device and virtual device Flutter Chapter 1
â—Ź Creating our first project
â—Ź Material App, what is material app. Home , Text and centre widget with tree charts explanation
â—Ź What is material design
â—Ź Scaffolding the app, material colours and network image widge
â—Ź Assets image
â—Ź Chaning app icon
â—Ź Summing up what we have learned so far Flutter Chapter 2 Login App UI
â—Ź Stateless widgets
â—Ź Hot reload and hot restart
â—Ź Single children widgets
â—Ź How to use material Icons widget
â—Ź How to use container widget with decorations
â—Ź Wrapping the widget
â—Ź What is layout
â—Ź Multiple Layout children widgets i.e column, row, and stack widgets
â—Ź Adding fonts into project
â—Ź Creating Login UI design
â—Ź TextForm Field widget
â—Ź Creating round button Flutter Chapter 3 Lottery App Building app with states
â—Ź Creating Project
â—Ź Stateless widgets overview
â—Ź Stateful widget
â—Ź Understanding variable, data type and ternary operator
â—Ź Creating UI with stateless widget
â—Ź Difference between stateless and stateful widget
â—Ź Gesture Detector on tap or on pressed function
â—Ź Lottery App functionality implementation
â—Ź Random number
â—Ź Building states
â—Ź Understanding more about stateful widget with more explanation and practice
â—Ź Difference between stateless and stateful widget Flutter Chapter 4 Tops 10 Widgets
â—Ź Top widgets that helps to build any kind of a APP UI
â—Ź Container widget
â—Ź Expanded widget
â—Ź List tile widget
â—Ź Circular Avatar widget
â—Ź Stacks widget
â—Ź List view builder widget
â—Ź Text Form Field widget
â—Ź RichText Widget widget
â—Ź SizedBox â—Ź Divider
â—Ź Padding & Align widgets
â—Ź Image widget Flutter Chapter 5 Building UI and understanding deep concepts and Navigation drawer â—Ź Creating Dart classes
â—Ź App Bar widget
â—Ź Drawer
â—Ź Drawer header
â—Ź Navigation
â—Ź Side Menu/ Drawer or Navigation drawer
â—Ź Code refactoring
â—Ź Navigation, Routing and navigation or moving between screen
â—Ź Building small navigation drawer app Flutter Chapter 6 Building WhatsApp Ui
â—Ź Understanding Tab Bar widgets
â—Ź How we can create different Tab
â—Ź Understanding models
â—Ź Creating chats UI and parsing data via model
â—Ź Creating status UI and parsing data via model
â—Ź Creating calls UI and parsing data via model
â—Ź Summing up what we have learned Flutter Chapter 7 Understanding pub. dev
â—Ź Understanding the pub.dev
â—Ź Understanding about community
â—Ź Working with some of the packages on pub dev
â—Ź How we can use the pub.dev
â—Ź How Fonts Awesome package helping community
â—Ź Read more package to show more and less text
â—Ź Badges packages to show text on Cart Icon
â—Ź Animated Text Kit package â—Ź Pin Code Filed Package
â—Ź Animated splash screen package
â—Ź Summing up what we have learned Flutter Chapter 8 Building calculator app
â—Ź What is data types, working with strings and substrings
â—Ź If else statement
â—Ź What is component
â—Ź What is constructor
â—Ź Creating component/ how to create components
â—Ź How to use reusable widget or code refactoring
â—Ź Building calculator app
â—Ź Creating logic for calculator
â—Ź Showing result for calculation
â—Ź Summing up what we have learn Flutter Chapter 9 Shared Preference Multi Role Base App – Admin/User
â—Ź Splash Screen and init state function importance
â—Ź Async function
â—Ź Future functions and await keyword role
â—Ź Shared Preference and its importance
â—Ź Shared preference and its usage with example
â—Ź Sign up with role based and storing data in shared preference
â—Ź Login and checking user role
â—Ź Managing user session to check if he is login or not
â—Ź Summing up what we have learned Flutter Chapter 10 Rest API Complete course
â—Ź Introduction to APIS. Understanding of JSON Structure.
â—Ź What is Postman, and how it helps us to understand the JSON Response?
â—Ź What is a model, what are Plugins, and how do different Plugins help us to create models of our API JSON data?
â—Ź How we can parse JSON data via Model.
â—Ź GET APIS What are Get APIS
â—Ź What are different scenarios to handle Get API Integrate.
â—Ź Get APIS with Plugins Model and show data into List
â—Ź Integrate Get APIS with your own Model and show data into List Integrate
â—Ź Get APIS with without Model and show data into List Very Complex JSON practical example
â—Ź POST APIS, What is POST API How do Post APIS work
â—Ź Implement Login & Sign Up with REST API in flutter
â—Ź Upload Single Image onto a server via HTTP Request Example
â—Ź Upload Multiple images to server
â—Ź Upload data in arrays to server
â—Ź What is MVVM, what is the importance of learning MVVM architecture. Covering all the above concepts into a single app that we will create at the end of this course. Flutter Chapter 11 Navigation & Routing
â—Ź In this chapter we will learn the following concepts
â—Ź What is navigation
â—Ź How navigation actually work behind the door
â—Ź How does understanding stacks help you better understand navigation
â—Ź What is the difference between navigation and routing
â—Ź Routing with 1 method
â—Ź Routing with the second method and simplifying the code for better management Flutter Chapter 12 Google Map
â—Ź Out of this course and what you will learn
â—Ź What is the google map, why you to learn google map in mobile application development
â—Ź What google map api console, how we can set up our Flutter project with google map api console.
â—Ź Integrating google map with packages and understanding basic terminologies.
â—Ź How we can set up markers on google Maps
â—Ź How to set custom markers on google maps like careem and uber.
â—Ź How to get the user’s current location and show it on a marker.
â—Ź How to convert latlng to address and vice versa
â—Ź How to customize marker info windows like google map places.
â—Ź How to update camera position when the camera is updating on google Maps.
â—Ź How to update user location when user location is changing.
â—Ź How to implement google Maps search places api.
â—Ź How to show network images or Avatar as markers on google map like Snapchat
â—Ź What is a polygon and how can we add a polygon on google Maps
â—Ź What is a polyline and how we can add a polyline on google map Flutter Chapter 13 Local Storage Creating Shopping cart system
â—Ź Create a Shopping Cart System in Fuand what you will learn in this playlist.
â—Ź What is the local storage system and how does it work on the mobile in FLutter?
â—Ź What is required to set up local storage in Flutter
â—Ź Create a project and a database for storing data.
â—Ź How we insert data into the database and how this actually works.
â—Ź Add product to cart
â—Ź Update cart
â—Ź Delete product from cart
â—Ź Check if the product is already added to cart or not
â—Ź Calculating the total price for the products we have added and updated prices if we update or delete products etc. In the end, I will sum up the whole project, what we have learned, and how we can utilize these concepts to build other similar real-world applications. Flutter Chapter 14 Provider State management
â—Ź Difference between stateful & stateless widgets
â—Ź Why you need to learn state management with example
â—Ź What is a provider, how does a provider work, and why are we learning provider state management. What are change notifier, multi-change notifier, and consumer widget
â—Ź Example one, count and periodic timer example with frozen state and provider?
â—Ź Example two practice apps to understand provider state management a bit more in detail.
â—Ź Example three is to make a simple app where we will list the product in a list and then make them favorites. After that, we will display a list of favorite products that are marked as favorites from the list.
â—Ź Example 4 theme changer app with provider
â—Ź Example 5 Login API with provider â—Ź Example 6 how to use the stateless widget as a stateful widget.
â—Ź Will cover up what we have learned and what we will do after that.
â—Ź Complete the app with a provider using MVVM architecture with the rest APIs. Flutter Chapter 15 Firebase
â—Ź Creating Project
â—Ź Setting up
â—Ź project with firebase for android and ios
â—Ź CRUD operation with Firebase real-time database
â—Ź CRUD operation with Firestore
â—Ź Implementing Auth firebase
â—Ź Creating Blog application
â—Ź Summing up what we have learned End of the course