Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certifications Network & Security Hardware Operating Systems & Servers Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Learning Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS CompTIA Security+ Cisco CCNA Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Canva Design Theory Character Design
Life Coach Training Personal Development Neuro-Linguistic Programming Personal Transformation Mindfulness Life Purpose Meditation CBT Coaching
Web Development JavaScript React CSS Angular Django PHP Node.Js WordPress
Google Flutter Android Development iOS Development React Native Swift Dart (programming language) Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Marketing Strategy Google Ads (AdWords) Certification Internet Marketing YouTube Marketing Google Analytics Email Marketing
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Freelancing Startup Business Plan Online Business Blogging Home Business
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Mobile Game Development
2021-07-15 08:48:19
30-Day Money-Back Guarantee
Development Mobile Development Google Flutter

Flutter with Firebase&Stripe Build shop app from scratch

Flutter full shop app with Firebase to cover Flutter and Firebase concepts&Stripe payment integration
Rating: 4.4 out of 54.4 (345 ratings)
50,760 students
Created by Hadi Kachmar
Last updated 7/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • This Flutter course a complete guide that helps in learning and building a fully functioning Flutter application with Firebase.
  • Teaching how to write Clean-code and avoid Boilerplate code
  • This course you how to make new designs and styles for your app
  • Clear state management in a very detailed manner
  • Introduce new widgets and how to use them correctly
Curated for the Udemy Business collection

Course content

10 sections • 125 lectures • 14h 28m total length

  • Preview01:48
  • Preview06:27
  • Preview03:30
  • Explain how to use null safety with examples
    07:40
  • Preview01:06
  • Preview01:25
  • Preview00:49
  • Preview00:38
  • Preview01:06
  • Preview00:24
  • Preview03:59
  • Stripe added, and find the app on playstore
    00:26

  • Deep explanation of the bottom Bar screen (Added after publishing)
    21:38
  • Bottom bar with null safety
    06:05
  • ***lecture has been recycled in lecture 13*** Create a notched bottom bar
    06:30
  • Edit deprecated title in the bottom bar
    02:27
  • Usage of custom icons
    06:24
  • Build the user info and settings screen design
    07:33
  • Code recycling in the user info screen
    03:27
  • Add a switch tile in the user info screen
    02:41
  • Sliver appBar writing code from the beginning with detailed explanation
    05:54
  • Sliver AppBar lecture recycling (Added after publishing the course MUST WATCH)
    31:34
  • Sliver appbar with null safety
    00:11
  • ***Lecture has been recycled in lecture 22*** Implement a sliver app-bar
    05:18
  • *Lecture has been recycled in lecture 22* add animated FloatingActionButton
    01:45
  • Add a Dark/Light theme to the app
    07:33
  • Save theme state using shared prefs
    06:16
  • Implement the user empty cart screen design
    13:15
  • Implement the user Full cart screen design
    20:33
  • Build the App Bar and checkout section in the cart screen
    11:26
  • More design improvements in the cart screen
    03:50
  • Start implementing the products feeds screen. (Create the feeds shape design)
    10:06
  • Implement a GridView in the Feeds screen
    02:17
  • Implement a staggered Grid View in Feeds screen instead of a normal Grid View
    02:31
  • More design improvements in the User info screen
    01:10
  • More changes in the user info screen
    00:56
  • Add the a badge for the products design in the Feeds screen
    02:33
  • Align the badge using the positioned widget
    01:31
  • Add a backdrop layout in the home screen
    06:05
  • Add a Carousel widget in the Home screen
    06:16
  • Add a Swiper widget in the Home screen
    07:32
  • Create the Category widget design
    11:59
  • Create the popular items widget design in the Home screen
    13:52
  • Introduce the navigation rail widget to Create the brand Inner screen using
    10:39
  • Create the backdrop back-layer design
    10:12
  • Implement the user empty Wishlist screen design
    08:07
  • Implement the user Full Wishlist screen design
    04:28
  • Full code until now
    00:00
  • Implement the Product details screen UI
    12:31
  • Create the Product model class
    02:41
  • Use dynamic data to show different products in the Feeds screen
    07:23

  • Why do we need state management?
    00:50
  • Create the products provider class
    06:28
  • Code improvement instead of dependency injection
    03:52
  • Display products according to their categories in the home screen category widgt
    06:14
  • Finalize the categories state management
    07:20
  • Display products according to their Brand in the home screen Brands widget
    12:56
  • Display only popular products in the Home screen
    10:11
  • Finishing up the products details screen
    11:04
  • Handling view all brands in the Home screen
    02:10
  • Handle view all popular products in the Home screen
    03:10

  • Create a cart model class
    01:38
  • Implement the cart provider class
    05:14
  • Create add to cart method where users will be able to add products to their cart
    04:23
  • Using the dependency injection for the cart (passing data through constructor)
    10:26
  • Show if the product is found in cart and disable add to cart button if found.
    02:01
  • Use the cart model provider instead of dependency injection
    05:21
  • Allow the user to add to their cart from the popular products widget
    03:21
  • Allow user to change the products quantity in the cart
    06:18
  • Allow the user to delete one product from his cart and clear it
    10:58
  • Show total price in the cart screen
    02:53
  • Create a dynamic alert dialog method
    04:09

  • Wishlist state management
    16:48
  • Edit the icon color in the popular products widget
    01:20

  • Add a badge for the Wishlist and the Cart
    05:31
  • Add an appBar for the Feeds screen
    01:44
  • Make the products dialogs in the feeds screen
    05:01
  • Show the product details in the Feeds dialog instead of dummy data
    06:15
  • Implement the search screen UI and Logic
    15:26
  • Create a Landing page part 1
    17:49
  • Create the Landing page part 2
    13:54
  • Implement the Login screen
    14:43
  • Add the submit form method to save the form
    05:30
  • Implement the Signup screen
    08:02
  • Implement the top widget in the sign up screen (Profile preview widget)
    12:34
  • Allow the user to pick up an image
    05:56
  • Allow the user to navigate From the landing page to the main screen in the app
    03:41
  • Implement the Upload a new product screen
    06:50
  • Allow the user to swipe to the left to navigate Into the upload a product screen
    01:39

  • Connect our app to Firebase
    06:14
  • Allow the users to register using Email and Password part (1)
    03:36
  • Allow the users to register using Email and Password part (2)
    07:02
  • Error Handling
    06:17
  • Allow the users to login
    02:35
  • Show different screens depending on the users if logged in or not
    06:34
  • Implement the sign out method
    05:11
  • Google Sign In
    07:35
  • Google Sign In error handling
    02:31
  • What is Firebase Firestore and how does it works?
    04:08
  • Upload extra user data to the Firebase Firestore
    13:51
  • Upload image to Firebase Storage, And add its link to the Firestore
    14:28
  • Fetch user info from the Firestore
    06:40
  • Display the information on the screen and handle errors
    04:16
  • Get the display name and the photo URL from the user instead of the Firestore
    04:02
  • Allow the users to sign in anonymously
    06:03
  • Save user info to the Firestore on google sign in
    02:14
  • Upload products to the Firestore
    15:53
  • Fetch products from the Firestore and display it.
    15:40
  • Implement Forget password screen to allow the user to reset his password
    18:58
  • Fix an error that is being made by the suggested products (Range index Error)
    02:09

  • Get start with stripe payment gateway
    07:29
  • Stripe integration
    46:19

  • Implement the orders design
    10:18
  • Create orders model class
    03:55
  • Upload the user orders to the Firestore
    11:58
  • Fix an error while placing an order
    03:58
  • Create the orders provider
    05:58
  • Fetching the orders and display it on the screen using FutureBuilder
    06:27
  • Fetch only correspondent orders for each user
    05:35
  • Show different screen depending if there is any order in the Firestore
    03:59
  • Allow the users to delete from their orders
    07:32
  • Place an order only if the transaction is successful
    04:57

  • Handle empty products in the brands and the category
    04:45
  • Fix the dark theme state
    03:01
  • Add a refresh indicator in the feeds screen
    05:50

Requirements

  • Basic knowledge in Flutter and Dart

Description

Course prerequisites:

  • Basic knowledge in programming to get started

  • Basic knowledge in Flutter

  • Concepts are explained clearly. You will always learn what you're building and why, and then how to do it.

How this course can be of help:

  • Gaining more knowledge in Flutter and firebase

  • Learn how to make an online shopping application simply

What's in the course:

  • Complex UI done simply

  • State management

  • Firebase

  • Clean-code and avoid Boilerplate code

  • Styles for UI

  • State Management: setState, lifting state up via callbacks, global access, scoped access with Provider and ChangeNotifier

  • Navigation

  • Dart

  • Forms, input handling and validation

  • Managing and updating packages

  • Databases and Cloud Firestore

  • ListViews and multiple UI states

  • Firebase Authentication

  • Firebase Firestore

  • Firebase Storage

  • Dart Programming Language - Fundamentals and intermediate topics

  • How to understand Flutter Mobile Development by building apps incrementally.

  • How to design, build, debug Flutter Android and iOS Apps

  • How to get Flutter apps to communicate with a realtime database - Firestore

  • How to build robust apps with Flutter

  • Flutter AppBar

  • Flutter Material Design

  • Flutter Row and Column

  • Flutter ListView Builder

  • Stripe payment gateway

Course structure:

approximately 14 hours of content and updated regally 

Requirements:

  • Windows application development

  • Mac application development

  • Access to a computer with an internet connection.

  • and you are ready for the journey

  • Love learning about applying cutting-edge algorithms to practical cases!

What Should I Expect After this Course?:

  • The ability to build a fully functional shopping application with a firebase

  • new information regarding Flutter

Note that the course build on windows, so I didn't have a chance to cover the IOS configurations! But feel free to ask anything about it. I will be there to help.

Who this course is for:

  • Flutter and Dart learning cravers
  • Flutter beginners
  • To all people who are interest in Flutter
  • For people who want to make a complete app in Flutter

Instructor

Hadi Kachmar
Mobile developer and programming instructor
Hadi Kachmar
  • 4.4 Instructor Rating
  • 345 Reviews
  • 50,760 Students
  • 1 Course

My name is Hadi, having a master of science degree in computer and communication engineering. I worked as a native mobile developer, then I learned Flutter years ago, and become more aware of its importance. Then I thought about create a course that help you guys understand Flutter to build your own apps,  and I tried to cover everything to take you to the intermediate + level.

  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
Udemy
© 2021 Udemy, Inc.