Scribd Logo
Upload

Welcome to Scribd!

  • 49 views

    Roadmap of Flutter

    Uploaded by

    Anas Abdul-Malik
    This document outlines the chapters and topics that will be covered in a Flutter bootcamp course. It includes instructions on installing Flutter on Windows and MacOS, creating basic Flutter apps, building more advanced apps with login screens and navigation drawers, integrating APIs and services like Firebase, and using plugins and widgets like Google Maps and the provider state management package. The course aims to take students from beginner to advanced levels in Flutter app development.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Roadmap of Flutter

    Uploaded by

    Anas Abdul-Malik
    49 views7 pages
    This document outlines the chapters and topics that will be covered in a Flutter bootcamp course. It includes instructions on installing Flutter on Windows and MacOS, creating basic Flutter apps, building more advanced apps with login screens and navigation drawers, integrating APIs and services like Firebase, and using plugins and widgets like Google Maps and the provider state management package. The course aims to take students from beginner to advanced levels in Flutter app development.

    Original Description:

    This is Complete Detailed Document Of Flutter

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document outlines the chapters and topics that will be covered in a Flutter bootcamp course. It includes instructions on installing Flutter on Windows and MacOS, creating basic Flutter apps, building more advanced apps with login screens and navigation drawers, integrating APIs and services like Firebase, and using plugins and widgets like Google Maps and the provider state management package. The course aims to take students from beginner to advanced levels in Flutter app development.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    49 views7 pages

    Roadmap of Flutter

    Uploaded by

    Anas Abdul-Malik
    This document outlines the chapters and topics that will be covered in a Flutter bootcamp course. It includes instructions on installing Flutter on Windows and MacOS, creating basic Flutter apps, building more advanced apps with login screens and navigation drawers, integrating APIs and services like Firebase, and using plugins and widgets like Google Maps and the provider state management package. The course aims to take students from beginner to advanced levels in Flutter app development.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 7

    Flutter Boot Camp 2022

    ● How to watch this playlist


    ● Roadmap of of this bootcamp and what will be out come of this bootcamp
    ● Introduction to Flutter
    ● What is required to install flutter ?

    Install flutter on window


    ● Install Flutter for windows
    ● Install Java JDK
    ● Install android studio
    ● Install command line tools with sdks
    ● Install emulator
    ● Run project on android simulator

    Install flutter on macbook


    ● Install flutter on Mac with intel chip and M1 with silicon chip
    ● Install android studio and android SDK
    ● Install command line tools for android
    ● Install emulator
    ● Run flutter project on emulator
    ● Install xcode
    ● Install cocoapod to for plugins conversion in future
    ● Run project on ios simulator

    Running app on physical devices


    ● Creating our first project
    ● Run app on android physical device and virtual device
    ● Running app on physical iPhone device
    ● Run app on iPhone/iPad simulator

    Flutter Chapter 1

    ● Creating our first flutter 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 widget
    ● Assets image
    ● Adding 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 API

    ● 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 Building UI and understanding deep concepts and


    Navigation drawer

    1. Creating Dart classes


    2. App Bar widget
    3. Drawer
    4. Drawer header
    5. Navigation
    6. Side Menu/ Drawer or Navigation drawer
    7. Code refactoring
    8. Navigation, Routing and navigation or moving between screen
    9. Building small navigation drawer app

    Flutter Chapter 6 Building WhatsApp Ui

    1. Understanding Tab Bar widgets


    2. How we can create different Tab
    3. Understanding models
    4. Creating chats ui and parsing data via model
    5. Creating status ui and parsing data via model
    6. Creating calls ui and parsing data via model
    7. Summing up what we have learned

    Flutter Chapter 7 Understanding pub.dev

    1. Understanding the pub.dev


    2. Understanding about community
    3. Working with some of the packages on pub dev
    4. How we can use pub.dev
    5. Summing up what we have learned

    Flutter Chapter 8 Building calculator app

    1. Building calculator app


    2. Creating UI design
    3. Creating component/ how to create components
    4. How to use reusable widget or code refactoring
    5. Creating logic for calculator
    6. Showing result for calculation
    7. Summing up what we have learn

    Flutter Chapter 9 Rest API Complete course

    I have created a full course on API integration in Flutter from scratch to advance level. If
    you are a new bee and looking for a flutter resource regarding API integration then you
    will find it interesting.

    These videos are not just simple tutorials that i have created, i am sharing my
    experience in the field of app development and what type of mistakes i did during my
    learning phase and that you are not supposed to do. So, all of your questions that are
    shaking your mind will be answered here.

    Here is what we will learn in this course.

    1. Introduction to APIS. Understanding of JSON Structure.


    2. What is Postman, how it helps us to understand the JSON Response.
    3. What is model, what are Plugins and how different Plugins help us to create
    models of our API JSON data.
    4. How we can parse JSON data via Model.
    5. GET APIS What are Get APIS
    6. What are different scenarios to handle Get API Integrate.
    7. Get APIS with Plugins Model and show data into List
    8. Integrate Get APIS with your own Model and show data into List Integrate
    9. Get APIS with without Model and show data into List Very Complex JSON
    practical example
    10. POST APIS, What is POST API How do Post APIS work
    11. Implement Login & Sign Up with with REST API in flutter
    12. Upload Single Image onto server via HTTP Request Example
    13. Upload Multiple images to server
    14. Upload data in arrays to server
    15. What is MVVM, what is the importance of learning MVVM architecture.
    16. Covering all the above concepts into a single app that we will create at the end
    of this course.

    So what keeps you stopping to learn Flutter, let's start.

    Flutter Chapter 10 Google Map

    Out of this course and what you will learn


    1. What is google map, why you to learn google map in mobile application
    development
    2. What google map api console, how we can set up our Flutter project with google
    map api console.
    3. Integrating google map with packages and understanding basic terminologies.
    4. How we can set up marker on google map
    5. How to set custom markers on google maps like careem and uber.
    6. How to get the user 's current location and show it on a marker.
    7. How to convert latlng to address and vice versa
    8. How to customise marker info windows like google map places.
    9. How to update camera position when camera is updating on google map.
    10. How to update user location when user location is changing.
    11. How to implement google map search places api.
    12. How to show network images or Avatar as marker on google map like Snapchat
    13. What is polygon and how we can add polygon on google map
    14. What is polyline and how we can add polyline on google map

    This series is still in progress. I will at the end make a full tracking app like Careem or
    SWVL with firebase.

    Flutter Chapter 11 Local Storage Creating Shopping cart system

    Create a Shopping Cart System in Fuand what you will learn in this playlist.

    1. What is the local storage system and how does it work on the mobile in FLutter?
    2. What it is required to setup local storage in Flutter
    3. Create a project and a database for storing data.
    4. How we insert data into the database and how this actually works.
    5. Add product to cart
    6. Update cart
    7. Delete product from cart
    8. Check if product is already added to cart or not
    9. Calculating the total price for the products we have added and updating prices if
    we update or delete products etc.

    At the end I will sum up the whole project, what we have learned and how we can utilise
    these concepts to build other similar real world applications.

    Flutter Chapter 12 Provider State management

    Provider state management crash course from scratch to advanced level.

    1. Difference between stateful & stateless widgets


    2. Why you need to learn learn state management with example
    3. What is a provider, how does a provider work, why are we learning provider state
    management. What is change notifier, multi change notifier and consumer widget
    4. Example one, count and periodic timer example with set state and provider.
    5. Example two practice apps to understand provider state management a bit more
    in detail.
    6. Example three to make a simple app where we will list the product in a list and
    then make them favourite. After that we will display a list of favourite products
    that are marked as favourites from the list.
    7. Example 4 theme changer app with provider
    8. Example 5 Login API with provider
    9. Example 6 how to use stateless widget as stateful widget.
    10. Will cover up what we have learned and what we will do after that.
    11. Complete app with provider using MVVM architecture with rest APIs.

    Flutter Chapter 13 Firebase

    1. Creating Project
    2. Setting up project with firebase for android and ios
    3. Implementing Auth firebase
    4. Creating Blog application
    5. Performing crud operations
    6. Summing up what we have learn

    End of the course

    You might also like