Mô tả

You will learn here how to master firebase and flutter by building a real time chat app. It's a course for building iOS and Android app using Flutter.

Here I have covered how to build Flutter UI to advanced Flutter concept. But this tutorial mostly focuses on how to build a strong app using firebase.

We talked a lot about firebase data storage and how to retrieve them and show on the app. We used a lot of complex queries and conditions to work with.  You will learn how to use where() clause, double where() and withConverter() and conditional check. You will also learn about complex processing and listening data update and document updates.

We also showed step by step how to examine on the data.  At the end of the course you will get the complete source and master flutter and firebase real time chat app building.

There are fifty three chapters and each chapter deals with a different topic. And more chapters would be added in future.

Screen Features

1. Launch screen

You will see it has screen with three slides. The last one lets you enter in the login page.

2. Login screen

We used social networking for launch screen. The paid version app includes both Google and Facebook sign in. But you will have issues with Facebook login. We will also do Apple account login.

3. Contact screen

From contact screen you would be able to see how many people have chatted to before. You may choose any to chat back.

4. Chatting screen

Here you would be able to chat between two people and get instant messages. Currently you send images and texts for chatting.

Not only you may send photos on the chat, you may also take photos and send.

5. Personal center

Here is your dashboard. You navigate to other screens and logout.

6. Allow location

The app uses user's current location. With this you know who you are chatting to. And there current location.

7. Photo view screen

Here you can tap on a photo and enlarge it.

8. Notification

We will have notification bar to see when others send message

Bạn sẽ học được gì

Yêu cầu

Nội dung khoá học

19 sections

Introduction

1 lectures
Introduction demo about the app
02:32

App set up

2 lectures
Create firebase project
02:27
Create firebase android and ios projects with Flutterfire
08:31

Run on device

1 lectures
Run on android and ios device
02:22

Work on UI and Controller

5 lectures
Work on the welcome screen
03:43
Welcome controller binding and routing
08:54
Set up the route in main.dart file
01:35
Welcome page show three images
13:00
Work on the slides indicator and bind dots with the slides
12:14

Sign in Page UI and Controller

9 lectures
Heads up about Google Sign in
03:28
Work on sing in button and create method
10:46
Sign in page and logo
09:14
Work on Sign in controller and Google login button
12:40
Work on Google login and finish
09:24
Save user data to firestore database
14:37
Save user emails in firebase authentication
05:30
Middleware and application page part 1
19:49
Middleware and application page part 2
08:16

Basic understanding of designing firebase database (no coding necessary here)

1 lectures
Database design firebase
08:38

Read firebase data

8 lectures
Understand how app works with database collection and documents
11:18
Read firebase data and show on contact page part 1
07:10
Read firebase data and show on contact page part 2
09:39
Read firebase data and show on contact page part 3
09:40
Read firebase data and show on contact page part 4
11:36
Read firebase data and show on contact page part 5
15:39
Read firebase data and show on contact page part 6
04:24
Must watch and understand the goChat algorithm
14:51

Chat page and controller

10 lectures
Work on chat page and controller part 1
09:26
Work on chat page and controller part 2
08:13
Work on chat page and controller part 3
10:33
Work on chat page and chat controller part 4
11:06
Work on chat page and chat controller part 5
06:23
Work on chat page and controller part 6
21:22
Work on chat page and chat controller send message part 7
09:37
Work on chat page and controller upload file part 8
13:59
Better understanding of firebase document changes (skippable)
05:58
Chat Controller must include doc_id
03:15

Message page upload image and get history data

8 lectures
Message page upload image part 1
10:20
Message page and send image part 2
08:42
Message page and how image upload works
11:36
Message page and get the history chat part 3
08:12
Message page and message list part 4
21:00
Message page and show other's message part 5
19:14
Message page and sending messages 6
14:34
Better understanding of Cloud Storage Reference and Child (skippable, no coding)
02:16

User location

1 lectures
Get user location
10:56

Enlarge image and view it

2 lectures
Enlarge photoview part 1
04:05
Enlarge photoview part 2
18:59

Profile section read profile data and show and logout

5 lectures
Profile section and get profile data part 1
13:57
Profile section and ui part 2
07:15
Profile page and ui part 3
04:16
Profile page and ui part 4
07:56
Profile page ui and logout part 5
14:54

Facebook login

6 lectures
Flutter Facebook Login part 1
11:09
Flutter Facebook login part 2
11:04
Flutter Facebook login part 3
05:46
Flutter Facebook login part 4
07:20
Flutter Facebook login error part 5
08:12
Logout section
04:54

Google login error solve

1 lectures
Google login error solve
04:46

Communicate between Facebook and Google user using the app

1 lectures
Facebook and Google user chatting from the app
04:33

iOS Facebook set up and login

2 lectures
iOS Facebook set up part 1
09:50
iOS Facebook set up and login part 2
08:26

Apple account login

1 lectures
Apple login and create CSR certificate part 1
03:51

Sending chat notification

4 lectures
Apple login and create identifiers and app name in app store part 2
05:52
Apple login and enable firebase provider
02:12
Apple login and controller set up part 4
09:32
Apple login successful part 5
05:32

Notifcation

11 lectures
Notification plugin install and configuration file part 1
21:02
Notification from postman to device and understand how it works
12:52
Notification from device to device
25:02
Notification device to device talk successful part 4
04:04
Notification go to a new route with on click
11:41
Notification go to a chatting route from background
09:22
Notification go to a new route from postman and learn debugging
04:35
Notification set up for iOS and testing with postman
17:45
Notification on tap and routing iOS and Android
03:42
Notification send sound with Android and iOS part 8
16:20
complete code
00:02

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.