Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Flutter - Firebase - CRUD - Build 2 Apps super easy!
Rating: 4.3 out of 5(178 ratings)
12,385 students

Flutter - Firebase - CRUD - Build 2 Apps super easy!

Understand how Firebase works and how to wire it up with Flutter
Created byTim Schütz
Last updated 10/2018
English
English [Auto],

What you'll learn

  • - Connect Firebase to Flutter project
  • - Know how to create, read, update, delete Items in your Firebase Database
  • - Use Streambuilder to display all your Data

Course content

1 section21 lectures1h 30m total length
  • Welcome0:33

    Guides you through firebase basics with a step-by-step tour, connecting to your project, answering questions along the way, and ensuring you enjoy the full course.

  • CRUD App showcase1:59

    Learn to build a restaurant menu app that stores dish name, description, and price, enabling create, read, update, and delete actions with pizza and burga.

  • Setting up Layout 18:22

    Set up a Flutter project layout, remove defaults, apply material styling, and build a stateful widget with text fields for name, description, and price toward Firebase CRUD.

  • Setting up Layout 25:30

    Set up a layout with multiple action buttons to perform CRUD operations—create, read, update, and delete data—enhanced with button colors, headings, and added padding in a Flutter Firebase app.

  • Firebase introduction6:38

    Set up a Firebase project with a Google account, create the database, and model data in a dishes collection with pizza documents (name, description, price) and learn read/write privileges.

  • Connect Firebase to Android4:04

    Connect firebase to android by registering the app, downloading the config file, and updating the top-level and app gradle files with firebase dependencies.

  • Connect Firebase to IOS2:53

    Connect firebase to iOS by updating project overview, selecting iOS, copying the package name, downloading GoogleService-Info.plist, placing it in the iOS folder, and running packages get for Android and iOS.

  • Read Data from Firebase4:30

    Learn to read data from Firebase in Flutter by querying a collection and document reference, retrieving a document snapshot, and accessing fields like name, description, and price.

  • Delete Data from Firebase1:57

    Delete a document in Firebase by referencing the target document, invoking the delete method, and using an onComplete callback to verify and print a confirmation during debugging.

  • Create Data for Firebase4:01

    Create data for Firebase by building a map of name, description, and price, then save it to a document reference with set data, creating the document if it doesn't exist.

  • Update Data for Firebase1:27

    Learn how to update data in Firebase using the same create data code, implement the update data method, and verify changes in your Flutter app.

  • Show all items -> Streambuilder16:29

    Show all items using a StreamBuilder in Flutter by streaming the dishes collection from Firebase, reading document snapshots to display name, description, and price in a dynamic list.

  • Streambuilder bug fixing1:37

    Fix streambuilder bugs by checking snapshot data and returning the list when data exists, while showing a progress indicator as data loads.

  • App 2 introduction1:37

    Begin building the second app by linking Firebase to your project and creating a simple to-do list you can add, swipe to delete, and rebuild from the previous tutorial series.

  • App 2 without Firebase - ListView6:25

    Create a simple Flutter app that uses a ListView to display and add items, without Firebase, initialize state, and render items in the body with a dismissable list.

  • App 2 without Firebase - Add functionality6:08

    Add functionality in a Flutter app by using an alert dialog with a text field to capture input and append items to a list, with state updates and simple routing.

  • App 2 without Firebase - Fixing bug1:59

    Fix a bug in app 2 without Firebase by converting the key to a list, using onDismissed to clear items, and removing items by index to maintain CRUD.

  • App 2 add Firestore5:21

    Learn to add Firestore in a Flutter app by creating a Firebase project, building a database with a to-do collection and a document, and integrating Android dependencies.

  • App 2 Create & Delete functionality3:27

    Import Firebase and implement create and delete functions for Firestore, using document references, collections, and set data, then delete documents and confirm when complete.

  • App 2 Streambuilder5:28

    Build a flutter app with Firebase by using a streambuilder to stream collection snapshots, display document data in a dismissible list, and delete items with a delete data method.

  • Bye!0:29

    Congratulations on finishing the series; learn to connect Firebase to your projects and use it, and ask any remaining questions about this offer.

Requirements

  • - Beginner knowledge Dart & Flutter

Description

We will be building 2 Apps and connect both to Firebase. Our first App will have all important functionallities you need to know. You can use this project as a reference for your own Apps. The second App will be a todo list which you can do as a excercise or with me together.

- Connect Firebase to your projects

- Build Databases

- Create, read, update, delte Items in your Databases

- Read All items from your Databases and display them


Have fun, enjoy!

Who this course is for:

  • Flutter Beginner which like to get to the next level by adding a backend