Danh mục
Development
Web Development Data Storage Git Automation Database Design Web Scraping
Business
Business Analysis Communication Project Management Sales Forecasting Business Strategy Operations Management Human Resources Oil and Gas Industry
Finance & Accounting
IT & Software
Office Productivity
SAP Word Excel PowerPoint Excel VBA SharePoint
Personal Development
Persuasion Notion Workspace Mind Mapping
Design
Design Sketching Typography Game Design Digital Art zBrush 3D Animation
Marketing
SEO Marketing Strategy YouTube Marketing Digital Marketing Facebook Marketing Growth Hacking Twitter Marketing Instagram Marketing
Lifestyle
Beer Brewing Beauty Home Repair Energy Healing Bartending Leather Crafting Makeup Artistry Hypnotherapy
Music
Piano Guitar Singing Music Production Acoustic Guitar Fingerstyle Guitar Music Theory Bass Guitar
Duocmmo Tedu Tin học văn phòng Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Mobile Development
Google Flutter
Flutter & Firebase Tutorial: Build 5 Social Media Apps

Flutter & Firebase Tutorial: Build 5 Social Media Apps

Loại khoá học: Mobile Development

Learn Flutter & Firebase by building Instagram, TikTok, Twitch, Zoom & WhatsApp!

image
50.000 VND
90 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Build 5 Real World Social Media Applications in this tutorial!

We will go through Firebase Auth in detail after which work on real world projects like Instagram, TikTok, Zoom, Twitch & WhatsApp! These projects don't just talk about Firebase, projects like Twitch and Zoom even include third party SDK's to give a feel of how, when and why to use Firebase. The aim of this course is to make you familiar with Firebase and have 5 real world projects which you can work on, after this course to turn into a single app.

This course will have constant repetition which will ensure your confidence is high, even after completing this course and you don't have to take yet another course. If you have any questions during the course, I'll be more than happy to help you out with it! Keep Learning :)


Features of the projects we are going to build:

1. Instagram

  • Responsive Instagram UI

  • Email & Password Authentication

  • Share Posts with Caption

  • Display Posts with Caption

  • Like & Comment on Posts

  • Search Users

  • Follow Users

  • Display User Posts, Followers & Following

  • EVERYTHING REAL TIME

  • Sign Out

2. TikTok

  • Authentication with Email & Password

  • Uploading Videos with Caption

  • Compressing Videos

  • Generating Thumbnails Out of Video

  • Displaying Videos with Caption

  • Liking on Posts

  • Commenting on Posts

  • Liking the Comments

  • Searching Users

  • Following Users

  • Displaying Followers, Following, Likes & Posts of User

  • TikTok Like UI

3. Zoom

  • Google Sign In

  • Create New Meeting

  • Join Meeting

  • Mute/Unmute Audio

  • Mute/Unmute Video

  • Change Display Name while Joining

  • Raise Hand

  • Start Screen Sharing

  • Mute Everyone

  • Start Live Stream

  • Screen Share

  • Chat

  • Switch Front/Rear Camera

  • Picture in Picture

  • Enter Tile View

  • Disable Camera

  • End Call

  • See Your Meeting History

  • Log out

4. Twitch

  • Email & Password Authentication

  • Screensharing

  • Selecting Thumbnail

  • Going Live

  • Joining LiveStream

  • Switching Camera

  • Muting/Unmuting

  • Chatting

  • Cross Platform

  • Responsive UI

  • Token Generation using GO (Create Your API)

  • Deploy Server

  • Deploy Website

5. WhatsApp

  • Phone Number Authentication

  • 1-1 Chatting with Contacts Only

  • Group Chatting

  • Text, Image, GIF, Audio(with Recording), Video & Emoji Sharing

  • Status/Stories Visible to Contacts Only and Disappears after 24 hours

  • Video Calling

  • Online/Offline Status

  • Seen Message

  • Replying to Messages

  • Auto Scroll on New Messages

  • Caching Images & Video

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

Learn about Firebase Firestore, Auth, Storage

Build Real World Projects with Firebase

Know When & Why To Use Firebase

Deployment

Build Cross Platform Apps

Yêu cầu

  • Basic Knowledge of Flutter
  • Experience with Dart Programming Language

Nội dung khoá học

7 sections

Introduction

2 lectures
Introduction
00:38
Best Way To Follow Along
00:45

Instagram Clone

31 lectures
Demo
04:12
Setup & Theming the App
04:59
Building Responsive Layout Widget
06:15
Setting Up Firebase
17:20
Login Screen UI (Mobile)
22:51
Signup Screen UI (Mobile)
06:43
Firebase Signup Auth
49:30
Firebase Login Auth
10:21
Persisting Auth State
17:13
Modelling User Data
06:00
User Data State Management
22:15
Null Check Operator Error Fix
00:53
Mobile Bottom App Bar
09:54
Add Post Screen UI
12:11
Selecting Image
11:09
Storing Post Data in Firebase
22:58
Feed Posts UI
25:51
Displaying Post Data from Firebase
11:56
Like Animation
14:17
Updating Likes
08:47
Comments Screen UI
14:26
Storing Comments in Firestore
10:10
Displaying Comments
16:11
Deleting Post
02:57
Searching Users
10:48
Showing Posts on Search Screen
06:21
Creating Reusable Profile Screen UI
19:34
Displaying Profile Data
21:34
Following Users
08:19
Signing Out
01:52
Creating Responsive UI
13:47

TikTok Clone

18 lectures
Demo
03:26
Setup
03:03
Login Screen UI
14:10
Sign Up Screen UI
05:10
Authentication Logic
04:08
Firebase Setup
14:37
Creating User Model
17:16
Persisting User State
04:52
Bottom Tab Bar
08:35
Add Video Screen
08:14
Confirm Video Screen
08:50
Uploading Video
20:18
Displaying Videos
22:31
Add Video Controller
08:17
Liking Posts
04:37
Commenting & Liking Comments on Posts
30:41
Search Screen
12:31
Profile Screen
37:10

Zoom Clone

17 lectures
Demo
03:52
Flutter Setup
02:48
Login Screen UI
15:18
Firebase Setup & Google Sign In
17:16
Firebase Setup (iOS)
06:27
Firebase Setup (Android)
04:36
Persisting User State
04:05
Home Screen UI
16:16
Setting Up Jitsi Meet (iOS)
10:53
Create New Meeting
14:40
Join Video Screen UI
23:01
Storing User Meetings
03:48
Displaying User Meetings
06:18
Logging Out
02:02
Testing on Physical Android Device & iOS Simulator
01:49
Jitsi Meet Error
00:10
Pros & Cons
03:35

Twitch Clone

40 lectures
Demo
07:40
Project Layout
09:01
Routes
02:10
Onboarding Screen UI
12:21
Signup & Login Screen UI
11:23
Firebase Setup
06:18
Firebase iOS Setup
03:34
Firebase Android Setup
03:41
Signing Up Users
20:54
Logging in Users
06:37
Persisting Login State
07:46
Designing Bottom NavBar
08:16
Go Live Screen UI
13:46
Picking Image from Gallery
11:33
Fixing Memory Leaks & Adding Loaders
02:38
Storing Livestream Data in Firebase
20:15
Agora Android Setup
02:50
Solving Firebase Livestream BUG
02:30
Agora iOS Setup
02:00
Initialising Agora
01:20
Get Agora App ID
06:30
Joining Channel
04:49
Designing Broadcast Screen
06:54
Leaving Channel
10:20
Switching Camera
02:43
Muting/Unmuting
01:25
Realtime Chatting
14:52
Installing GO
01:36
Creating & Deploying API using GO
06:41
Sending HTTP Request to our API
06:16
Designing & Displaying Feed Screen
10:30
Correcting Join Channel Bug
02:17
Firebase & Agora Web Setup
04:02
Making The App Responsive
10:19
Adding End Stream Button
06:17
Start Screensharing Functionality
04:58
Stop Screensharing Functionality
03:56
Firebase & Agora MacOS Setup
04:29
Deploy Web App
02:13
Conclusion Part 2
00:03

WhatsApp Clone

47 lectures
Introduction
00:40
Project Setup
03:24
Project Runthrough
03:45
Flutter Firebase App Connection
07:52
Flutter Firebase iOS Setup
02:02
Flutter Firebase Android Setup
02:45
Landing Screen UI
14:53
Login Screen UI
24:24
Phone Authentication
14:14
Adding Riverpod
06:24
Auth Controller
12:13
About Riverpod
01:35
Resolving iOS App Error
04:17
OTP Screen UI
04:55
Verifying OTP
11:09
User Information Screen UI
15:38
Saving User Data To Firestore
22:09
Persisting Auth State
10:25
Displaying Contacts in User’s Phone
35:21
Displaying Name and online/offline status
14:01
Modifying Bottom Chat Field UI
15:30
Sending Text Message
49:32
Displaying Chat Contacts
12:21
Displaying Messages
10:00
Automatic Scrolling on New Message
04:34
Changing Online/Offline Status
09:24
Sending Image Message
15:32
Displaying Cached Image
09:07
Sending Video Message
13:08
Sending Emojis
11:03
Sharing GIFs
16:29
Recording & Sharing Audio in Flutter App
16:14
Playing Audio
09:31
Replying to Messages
38:57
Seen Feature
08:11
Uploading Statuses/Stories
33:23
Displaying Statuses/Stories
19:14
Creating Groups
36:22
Displaying Groups
06:41
Fetching Group Chats & Chatting in Group
20:37
Managing Agora Dashboard & Credentials
04:07
Video Calling
34:22
Disconnecting Call
04:18
Group Calling
04:54
Code Refactoring
02:44
Note on Firebase Functions
02:21
Testing on Physical Device (Android)
01:41

[BONUS] Firebase Authentication

15 lectures
Introduction
00:33
Starter Project Explanation
02:52
Connecting to Firebase
08:44
Email Password Signup
08:27
Email Verification
02:22
Phone Sign In
18:01
Email Password Login
05:12
Facebook Sign In
18:15
Anonymous Sign In
01:10
State Management
07:43
Displaying User Details
02:46
Google Sign In
15:54
Sign out
01:06
Delete Account
01:17
Firebase Auth Quiz
4 questions

Đá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?

Khoá học liên quan

Advanced course on Outsystems Reactive Web Development

Advanced course on Outsystems Reactive Web Development

100 VND
50.000 VND
.NET MAUI course with Visual Studio 2022 creating PROJECTS

.NET MAUI course with Visual Studio 2022 creating PROJECTS

95 VND
50.000 VND
The Git & Github Bootcamp

The Git & Github Bootcamp

120 VND
50.000 VND
Flutter & Dart - The Complete Guide [2024 Edition]

Flutter & Dart - The Complete Guide [2024 Edition]

185 VND
50.000 VND
The Complete Flutter Development Bootcamp with Dart

The Complete Flutter Development Bootcamp with Dart

125 VND
50.000 VND
NestJS Zero to Hero - Modern TypeScript Back-end Development

NestJS Zero to Hero - Modern TypeScript Back-end Development

85 VND
50.000 VND
iOS & Swift - The Complete iOS App Development Bootcamp

iOS & Swift - The Complete iOS App Development Bootcamp

185 VND
50.000 VND
Write PHP Like a Pro: Build a PHP MVC Framework From Scratch

Write PHP Like a Pro: Build a PHP MVC Framework From Scratch

70 VND
50.000 VND
TensorFlow Developer Certificate Bootcamp

TensorFlow Developer Certificate Bootcamp

100 VND
50.000 VND
Build a Backend REST API with Python & Django - Advanced

Build a Backend REST API with Python & Django - Advanced

100 VND
50.000 VND
The Ultimate Excel Programmer Course

The Ultimate Excel Programmer Course

185 VND
50.000 VND
A deep understanding of deep learning (with Python intro)

A deep understanding of deep learning (with Python intro)

120 VND
50.000 VND
.NET 8 Microservices: DDD, CQRS, Vertical/Clean Architecture

.NET 8 Microservices: DDD, CQRS, Vertical/Clean Architecture

120 VND
50.000 VND
Automate the Boring Stuff with Python Programming

Automate the Boring Stuff with Python Programming

110 VND
50.000 VND
Master Flutter By Building A Video And Voice Call App [2024]

Master Flutter By Building A Video And Voice Call App [2024]

25 VND
50.000 VND
C# .NET Core 8 with MS SQL Complete Beginner to Master 2024

C# .NET Core 8 with MS SQL Complete Beginner to Master 2024

95 VND
50.000 VND
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.

Get khoá học cho tôi