Flutter 2.2 & Firebase, build a complete app from scratch

Focused View

Hadi Kachmar

9:04:38

0 View

1 - Introduction

1 -Introduction.mp4

00:49

1 -work os on playstore.zip

2 -What is Flutter And what is the Firebase.mp4

00:58

2 -firebase read more.zip

2 -read more about flutter.zip

2 - Best price for the course.html

3 -App overview.mp4

07:39

3 -work os on playstore.zip

4 -Udemy courses by me, and suggestions for you.mp4

01:24

4 -shop course.zip

5 -My Youtube channel.mp4

01:04

5 -youtube channel.zip

6 - MY SOCIAL ACCOUNTS TO REACH ME.html

2 - Set up the app

1 -link to stack overflow.zip

1 -lock device orientation.mp4

03:17

1 - Important Note on Course Access and Feedback.html

2 -Project on Github.mp4

01:24

2 -full source code on github.zip

2 -starter project on github.zip

3 -Create a new project and set up our up theme.mp4

09:09

3 - Implement the app UI

1 -Implement the animated background in the login screen.mp4

15:13

1 -animated wallpaper.rar

2 -Finish the login screen design.mp4

36:19

2 -login screen done.rar

3 -Implement the Signup screen.mp4

10:09

4 -Allow the user to navigate between Text Field using keyboard button (FocusNode).mp4

07:52

4 -forget password.rar

5 -Implement the forget password screen.mp4

06:51

5 -forget password.rar

6 -Implement the main screen design.mp4

20:23

7 -Change the drawer Icon color and Icon Data.mp4

03:51

7 -Main Screen.rar

8 -Implement the delete task dialog.mp4

03:30

9 -Implement the filter dialog design in the main screen.mp4

11:46

9 -filter-dialog.rar

10 -Implement the drawer header, add a constant class and explain what static means.mp4

08:33

11 -Add the drawer body.mp4

09:00

11 -drawer.rar

12 -Implement the sign out dialog design.mp4

05:24

12 -signOut dialog.rar

13 -Implement the add task screen design.mp4

33:39

14 -Add a task screen.rar

14 -Add the drawer in the add task screen.mp4

03:11

15 -Implement the task category dialog in the add task screen.mp4

05:48

16 -Implement the choose date dialog.mp4

06:41

17 -Fix a null error if no date is picked.mp4

00:57

17 -implement the dialogs in the add task screen.rar

18 -Implement the all registered workers screen.mp4

05:16

18 -Registered workers screen.rar

19 -Create the user profile screen UI.mp4

26:10

19 -custom icons.zip

19 -profile screen.rar

20 -Change the sign up screen design and add more widgets to it.mp4

17:27

20 -add few changes to the sign up screen.rar

21 -Implement the image picker dialog.mp4

04:00

21 -add the image picker dialog.rar

22 -Image picker using camera and gallery.rar

22 -Implement the image picker functions.mp4

05:47

23 -Implement the image cropper function.mp4

05:23

23 -image cropper.rar

24 -Start implementing the task details screen.mp4

25:09

24 -task details first part.rar

25 -Animated switcher to add a comment.mp4

10:22

26 -Implement the comment widget design.mp4

08:35

26 -comments added.rar

27 -Add dynamic border color for the commenter profile image.mp4

04:43

27 -Task details finished.rar

28 -Send message via whatsapp.mp4

08:27

28 -Whatsapp fct.rar

29 -Send an email from the app.mp4

02:59

30 -Open contact dialer app to allow the user to reach other workers numbers.mp4

02:42

30 -dialer.rar

4 - Firebase

1 -What is Firebase.mp4

05:45

2 -Connect our app to Firebase.mp4

08:09

3 -Get started with Firebase Auth.mp4

06:19

4 -Initialize the Firebase app to fix the Firebase initialization error.mp4

07:08

4 -initilize app.rar

5 -Allow the users to Signup using Email and Password.mp4

04:18

6 -Errors handling.mp4

04:15

6 -resgiter error handling.rar

7 -Allow the users to login.mp4

03:41

7 -login.rar

7 -resgiter error handling.rar

8 -Error Handling from one dart class only.mp4

03:25

8 -Global error handling.rar

9 -Show different screens wether the user is signed in or not.mp4

07:00

10 -Implement the sign out method and code improvement.mp4

02:41

10 -Sign out.rar

11 -What is Firebase Firestore.mp4

04:49

12 -Save extra user data on the cloud Firestore.mp4

08:27

12 -save extra user data on the firestore.rar

13 -Upload user image to the Firebase storage and save the link in the Firestore.mp4

08:00

13 -image upload.rar

14 -Fetch the user data and display it in the profile screen.mp4

18:38

14 -fetch data in the profile screen.rar

15 -Fetch each user data.rar

15 -Show the correct data for each user in the profiel screen.mp4

05:38

16 -Start fetching all the workers from the Firebase Firestore.mp4

06:33

16 -start fetching worker from the FIREBASE.rar

17 -Display the correct data for each worker.mp4

05:58

17 -show all workers with corespondant data.rar

18 -1- is same user.rar

18 -Check if this is the same logged in user in the profile screen.mp4

06:59

19 -2- start with task upload.rar

19 -Start with uploading task to the Firestore database.mp4

08:45

20 -Generate a dynamic unique ID for each task.mp4

02:49

21 -3-spinner-toast-error handling.rar

21 -Add a spinner and show a toast.mp4

04:52

22 -4- handle empty task deadline and empty task category.rar

22 -Handle empty task category and empty deadline date.mp4

02:42

23 -5- Clear the upload form.rar

23 -Clear the form.mp4

02:15

24 -6- fetch all tasks from the firestore.rar

24 -Fetch the tasks from the Firestore.mp4

07:28

25 -7- delete.rar

25 -Allow only the task uploader to delete the task.mp4

08:15

26 -Start fetching the task details.mp4

21:05

27 -9- change task done state.rar

27 -Allow the uploader to change task state if done or not done and other improv.mp4

06:40

28 -10- upload comments.rar

28 -Implement the Post a comment method ( write its function ).mp4

08:11

29 -11- start fetching the comments.rar

29 -Start fetching the comments from the Firestore.mp4

05:32

30 -Display the comments on the screen.mp4

05:27

31 -12- Allow the users to view commenters profile.rar

31 -Allow the users to visit commenters profile.mp4

01:03

5 - Extra contents

1 - Bonus contents.html

1 - Upon finishing the course.html

Description

Flutter 2.2 work OS app for companies using Flutter with Firebase (Setstate state management)

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
Introduce new widgets and how to use them correctly
Streams and FutureBuilder usage
Firebase Firestore and Authentication

Who is this for?

Flutter and Dart learning cravers

For people who want to make a complete app in Flutter

To all people who are interest in Flutter

For the companies who wants to manage their tasks

What You Need to Know?

No prior knowledge is required

More details

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 build fully functional apps and publish it to the Playstore
What's in the course:
Complex UI is done simply
State management (SETSTATE)
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 real-time database - Firestore
How to build robust apps with Flutter
Flutter AppBar
Flutter Material Design
Flutter Row and Column
Flutter ListView Builder
Course structure:
approximately 10 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 any application using Flutter and Firebase. You will be an expert.
New information regarding Flutter
Note that the course builds 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
For people who want to make a complete app in Flutter
To all people who are interest in Flutter
For the companies who wants to manage their tasks

User Reviews

Rating

average 0

Total votes0

Focused display

Firebase

Hadi Kachmar

Instructor's Courses

My name is Hadi, a Master's degree graduate in computer and communication engineering. I worked as a native mobile developer, then I learned Flutter years ago. I am willing to share my knowledge and experience with you.Currently, I am working as an online instructor while focusing on Dart and Flutter to share more and more information with my students.I am pursuing my knowledge with another master's degree in data science and artificial intelligence to expand my expertise in these domains

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.

language english
Training sessions 69
duration 9:04:38
English subtitles has
Release Date 2025/03/10

Courses related to Firebase

Udemy Whatsapp Clone Android Studio With Firebase

6:43:13

05/09/2024

Android Office Task Management App Using Firebase(Real App)

Udemy

Yazdani Chowdhury

Android Office Task Management App Using Firebase(Real App)

2:32:38

03/31/2024

Udemy CodewithAndrea - Flutter & Firebase Masterclass ( Complete Package )

11:33:02

06/11/2024