Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
Firebase
The essential guide to Firebase with React.

The essential guide to Firebase with React.

Loại khoá học: Web Development

Create modern app using modern technologies

image
50.000 VND
1.399.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

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Do you want to create web applications with Firebase and React ?. This is the course for you.

We will start from the very beginning, from "I don't even know how to create a firebase account ….and why should I?“ to actually understand how Firebase works and make a practice project.

You will learn all the logic and practice behind Firebase in different modules and as we advance through the course we will be increasing the difficulty.

To sum everything up, you will learn in this course:

  • How to move around the firebase dashboard

  • Understand the different services we we with FBase

  • Create and application and link it to your React app

  • Work with Firestore, the firebase DB

  • How to make authentication happen on your web app.

  • Understand firebase storage and use it.

  • How to use cloud functions

  • Apply rules to your queries.

  • How to host your app on firebase so the world can see it.

  • Create a practice application to apply what we have learned

Don’t know how to use React.? Don’t panic, at the end of the course you get a full React mini course, so you get two courses for the price of one.

What about the instructor experience ?

Well I've been around for 13 years now, built lots of applications for small projects and big companies like Citi, Fox, Disney and a lot more.

Today I work as a developer for a major company developing applications on React , Angular and Vue, but I like to teach in my spare time.

How about the target audience?

  • This course is for almost everyone, a little bit of Javascript is required.We will use ES6 but you can learn as we go.

  • If you want to take your coding to the next level, this is the course for you.

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

Move around Firebase and make it work with a React app

Storage, Databases, hosting, cloud f all the main tools from firebase.

Yêu cầu

  • No, just css and html.

Nội dung khoá học

9 sections

Introduction

4 lectures
Introduction
00:59
What it firebase ?
03:55
Creating a firebase app
05:35
Linking firebase to React
09:22

Firestore

12 lectures
Creating a DB
08:26
Accessing firestore from our app
06:26
Looping data
14:13
References
06:14
Subcollections
07:14
Get, Where, Doc, Order by
08:19
Adding documents
09:36
Adding documents 2
13:54
Updating
12:22
Limit, limit to last, start and end at
10:04
Checking the exits property
03:28
OnSnapshot
14:59

Authentication

8 lectures
Enabling Auth
03:01
Creating a sign in and a register form
11:27
Creating a sign in and a register form 2
12:28
User state change
10:13
The user object
17:34
Verify user email
08:49
Using providers
10:21
Storing user data
07:31

Storage

9 lectures
Starting with storage
11:54
Uploading an image
08:08
The upload task
13:06
Pause, cancel and resume
08:49
The download URL
07:14
Using the download URL
09:51
Custom metadata
04:25
Listing all
10:17
Deleting data
04:26

Hosting

2 lectures
Preparing the project
09:33
Deploying to production
06:38

Firebase rules

6 lectures
Firestore rules
06:08
Firestore rules 2
14:59
Firestore rules 3
15:23
Firestore rules 4
02:29
Storage rules
15:33
Storage rules 2
08:18

Cloud functions

6 lectures
Intro
03:08
Init the functions
05:59
Deploying the functions
05:48
HTTP and trigger functions
16:43
Callables
16:25
Run it locally
18:56

Practice project: xnbeats

42 lectures
intro and installation
10:16
Creating the routes
12:11
Adding Redux
15:00
Creating the login form
18:55
Creating a firebase project
07:28
Registering users
09:40
Registering users 2
14:21
Login users
16:05
Auto-signin
12:23
Logout
10:15
Route guards
23:06
Login guard
08:23
Dashboard layout
07:46
Creating the profile
20:59
Creating the login modal
10:35
Finishing the login modal
16:21
Finish update profile
15:25
Creating the add reviews component
16:23
Adding Formik and Yup
18:07
Adding Formik and Yup 2
06:15
Adding a wysiwyg
10:53
Uploading review images
18:23
Uploading review images 2
16:03
Finish uploading review images
11:31
Clearing add reviews
06:00
Main reviews dashboard
16:55
Main reviews dashboard 2
06:21
Main reviews dashboard 3
12:02
Creating the edit reviews
16:28
Finish the edit reviews
08:06
Creating home posts
15:31
Finish home posts
14:53
Creating the review post view
17:56
Finish the review post view
11:27
Creating the contact section
16:57
Sending emails with cloud functions
19:11
Creating the dashboard messages
14:24
Creating the dashboard messages 2
15:55
Adding rules to firestore
10:09
Adding rules to firestore 2
06:35
Adding rules to storage
07:13
Deploy
04:54

React mini-course [ optional ]

86 lectures
Installing node js and using the cli
11:57
The bundle
05:57
Getting started with the Code
09:06
JSX behind the scenes
09:09
Importing components
08:25
Types of components
05:30
Adding styles
10:19
Events
11:39
Using STATE
15:04
Using props
10:45
Using props 2
14:03
Props to class
06:01
React children
03:42
More with styles
06:58
Style plugins
06:34
Filter the news
15:03
ROUTES: installing routes
05:37
ROUTES: Creating components
07:20
ROUTES: Using routes
06:27
ROUTES: Linking
10:52
ROUTES: Params
06:49
ROUTES: Other features
07:18
ROUTES: Switch
03:50
ROUTES: Redirections
06:54
ROUTES: 404 and withrouter
09:56
PROJECT 1: Getting ready
11:14
PROJECT 1: Adding a header and a banner
15:56
PROJECT 1: Bringing the HOME list
10:41
PROJECT 1: Creating the artist detail
18:41
Component life-cycle
07:21
Component life-cycle 2
19:26
Conditional rendering
10:23
Pure components
08:29
Adjacent elements
05:43
HOC
08:47
HOC 2
13:36
TRANSITIONS: Using them
17:28
TRANSITIONS: Using more of it
08:55
TRANSITIONS: CSS transitions
11:50
TRANSITIONS: Transitions group
15:43
Proptypes
10:22
Proptypes 2
08:27
Controlled components
07:58
PROJECT 2: NBA - Installation
08:48
PROJECT 2: Setting routes, footer and header
09:29
PROJECT 2: Adding a carrousel/slider
20:04
PROJECT 2: Subscriptions
19:35
PROJECT 2: Subscriptions 2
10:07
PROJECT 2: Home blocks
13:25
PROJECT 2: Creating a poll
14:58
PROJECT 2: finishing the poll
06:12
PROJECT 2: The teams section
14:42
PROJECT 2: Finishing the teams section
08:54
PROJECT 2: The team view
13:26
REDUX: Redux introduction
08:36
REDUX: Creating a store
07:53
REDUX: The redux flow
05:55
REDUX: Combining reducers
06:34
REDUX: Creating a valid reducer
07:31
REDUX: Creating actions
04:43
REDUX: MapStateToProps and connect
12:43
REDUX: Dispatching
05:47
REDUX: Types
07:57
REDUX: Using middleware
07:44
REDUX: Tiny practice project with redux
06:34
REDUX: Connecting routes and redux
16:42
REDUX: Home, bringing the artists
16:47
REDUX: Filtering the home list
06:15
REDUX: Creating the artists section
16:44
REDUX: Clearing the artistdata
04:11
PROJECT 3: Installation
06:58
PROJECT 3: Adding redux
14:09
PROJECT 3: Getting home data
16:45
PROJECT 3: Latest news component
07:05
PROJECT 3: Other news section
08:56
PROJECT 3: Articles page
16:05
PROJECT 3: Adding the likes component
12:32
PROJECT 3: Finish the handle likes
08:58
PROJECT 3: Clearing data
04:45
HOOKS: Introduction to hooks
01:49
HOOKS: Usestate
13:53
HOOKS: Usestate 2
13:50
HOOKS: UseEffect
16:42
HOOKS: UseReducer
12:27
HOOKS: The context
09:59
HOOKS: The context 2
15:29

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

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

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

25 VND
50.000 VND
Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

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

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

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

75 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