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