Trang chủ

Mobile Development

React Native

Build the original Instagram with React Native & Firebase

Build the original Instagram with React Native & Firebase

Loại khoá học: Mobile Development

React Native User Authorisation & Database with Firebase

50.000 VND

449.000 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

Mô tả

In this course you we cover all the steps from creating an app in the command line all the way through to build an app very similar to the original Instagram.

We will start by quickly looking at how to use Firebase User Authorisation. Using email and password or Facebook login.
From here we will then cover the Firebase realtime database and look at how to set, update and delete data.
Next we look at fetching data from the database and look into the Firebase security rules and how to structure your firebase database, before we look into firebase storage.
Now it is time to start building a real app with these techniques. We will build an app based on the idea of the original Instagram, the next sections of the course will cover each step to create this app.

At Rusty Courses we regularly update our courses with new & updated content to keep things fresh.

Enroll now and get started on your journey to build mobile app for both Android and iOS today!

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

Make an app ready to be published onto app stores

Understand how you use Firebase with React Native

Upload photos in React Native to Firebase Storage

Build apps that require user authorisation

Yêu cầu

Basic knowledge of Javascript

Nội dung khoá học

12 sections

Introduction

1 lectures

Introduction

00:48

Register & Setup

2 lectures

Register for Firebase and setup project

03:34

Create React Native app on the command line

04:28

Connect Firebase To App & Login Code Examples

6 lectures

Connect Firebase project to React Native app

04:49

Intro to Firebase Authentication

01:55

Using email and password to register user

05:21

Check if user is logged in & how to log user out.

04:40

Using Facebook login (Including Facebook app setup)

12:19

Using email and password login with TextInput

14:41

Firebase Database

5 lectures

Intro to Firebase Database

01:58

How to set, update and delete data in Firebase

05:31

Fetching and retrieving data from the Firebase database

05:14

How to use Firebase security rules

07:39

Structuring your Firebase database

01:50

Firebase Storage

2 lectures

Intro to Firebase storage

02:09

Quick overview of Firebase storage security rules

03:58

Start Building The Photo Feed App

9 lectures

Setup and create app from the command line

08:09

Adding base components to each screen

02:39

Starting to setup the feed screen

06:37

Adding a FlatList to the feed screen

06:26

Adding some styling to the FlatList

03:40

Create Firebase project and connect to our app

03:28

Structure database for project

07:26

Begin to make calls to the database to fetch information

10:41

Update our FlatList to user data from our database

11:53

Add Security & Authentication to Photo Feed App

3 lectures

Adding security rules part one

09:55

Adding security rules part two

05:25

Check if user is logged into the app

06:27

Begin to create Photo Feed app UI

8 lectures

Make sure user is logged in whilst creating profile interface

05:46

Building out the profile screen UI

14:41

Creating our profile modal screen & adding back button

24:26

Adjust comments screen & add button to open comment screen

02:16

Building Upload screen - Part One

04:23

Building Upload Screen - Part Two

10:22

Upload function changes

02:32

Building Upload Screen - Part Three

09:35

Continue to create Photo Feed App

5 lectures

Add caption input area to upload screen

10:01

Adjust upload photo function to get uploaded image url.

15:53

Create function to process photo and add to feed

11:39

Update FlatList to display uploaded photos

03:16

Create component to show list of photos across different screens

14:57

Adding a comments section to each photo

4 lectures

Building comments screen part one

06:29

Fetch comments from Firebase

14:08

Add post comment form to the screen

08:27

Create function to post comments to the database

10:17

Adding user authorisation & other adjustments

8 lectures

Update profile to show user details from Firebase

04:28

Add edit profile form to profile page

10:21

Create save profile function

02:39

New component to contain login and sign up

07:36

Add login and signup buttons to component

06:05

Create login and signup functions

16:32

Create user object and test signup function

03:50

Final adjustments to the app

09:34

React Navigation Version 3

1 lectures

React Navigation Version 3

02:06

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

Email

Nội dung

Khoá học liên quan

The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

Đă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