English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 31.5 Hours | 14.3 GB
Create modern app using modern technologies
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 you’ll learn
- Move around Firebase and make it work with a React app
- Storage, Databases, hosting, cloud f all the main tools from firebase.
Table of Contents
Introduction
1 Introduction
2 What it firebase
3 Creating a firebase app
4 Linking firebase to React
Firestore
5 Creating a DB
6 Limit, limit to last, start and end at
7 Checking the exits property
8 OnSnapshot
9 Accessing firestore from our app
10 Looping data
11 References
12 Subcollections
13 Get, Where, Doc, Order by
14 Adding documents
15 Adding documents 2
16 Updating
Authentication
17 Enabling Auth
18 Creating a sign in and a register form
19 Creating a sign in and a register form 2
20 User state change
21 The user object
22 Verify user email
23 Using providers
24 Storing user data
Storage
25 Starting with storage
26 Uploading an image
27 The upload task
28 Pause, cancel and resume
29 The download URL
30 Using the download URL
31 Custom metadata
32 Listing all
33 Deleting data
Hosting
34 Preparing the project
35 Deploying to production
Firebase rules
36 Firestore rules
37 Firestore rules 2
38 Firestore rules 3
39 Firestore rules 4
40 Storage rules
41 Storage rules 2
Cloud functions
42 Intro
43 Init the functions
44 Deploying the functions
45 HTTP and trigger functions
46 Callables
47 Run it locally
Practice project xnbeats
48 intro and installation
49 Logout
50 Route guards
51 Login guard
52 Dashboard layout
53 Creating the profile
54 Creating the login modal
55 Finishing the login modal
56 Finish update profile
57 Creating the add reviews component
58 Adding Formik and Yup
59 Creating the routes
60 Adding Formik and Yup 2
61 Adding a wysiwyg
62 Uploading review images
63 Uploading review images 2
64 Finish uploading review images
65 Clearing add reviews
66 Main reviews dashboard
67 Main reviews dashboard 2
68 Main reviews dashboard 3
69 Creating the edit reviews
70 Adding Redux
71 Finish the edit reviews
72 Creating home posts
73 Finish home posts
74 Creating the review post view
75 Finish the review post view
76 Creating the contact section
77 Sending emails with cloud functions
78 Creating the dashboard messages
79 Creating the dashboard messages 2
80 Adding rules to firestore
81 Creating the login form
82 Adding rules to firestore 2
83 Adding rules to storage
84 Deploy
85 Creating a firebase project
86 Registering users
87 Registering users 2
88 Login users
89 Auto-signin
React mini-course [ optional ]
90 Installing node js and using the cli
91 Using props
92 Using props 2
93 Props to class
94 React children
95 More with styles
96 Style plugins
97 Filter the news
98 ROUTES installing routes
99 ROUTES Creating components
100 ROUTES Using routes
101 The bundle
102 ROUTES Linking
103 ROUTES Params
104 ROUTES Other features
105 ROUTES Switch
106 ROUTES Redirections
107 ROUTES 404 and withrouter
108 PROJECT 1 Getting ready
109 PROJECT 1 Adding a header and a banner
110 PROJECT 1 Bringing the HOME list
111 PROJECT 1 Creating the artist detail
112 Getting started with the Code
113 Component life-cycle
114 Component life-cycle 2
115 Conditional rendering
116 Pure components
117 Adjacent elements
118 HOC
119 HOC 2
120 TRANSITIONS Using them
121 TRANSITIONS Using more of it
122 TRANSITIONS CSS transitions
123 JSX behind the scenes
124 TRANSITIONS Transitions group
125 Proptypes
126 Proptypes 2
127 Controlled components
128 PROJECT 2 NBA – Installation
129 PROJECT 2 Setting routes, footer and header
130 PROJECT 2 Adding a carrouselslider
131 PROJECT 2 Subscriptions
132 PROJECT 2 Subscriptions 2
133 PROJECT 2 Home blocks
134 Importing components
135 PROJECT 2 Creating a poll
136 PROJECT 2 finishing the poll
137 PROJECT 2 The teams section
138 PROJECT 2 Finishing the teams section
139 PROJECT 2 The team view
140 REDUX Redux introduction
141 REDUX Creating a store
142 REDUX The redux flow
143 REDUX Combining reducers
144 REDUX Creating a valid reducer
145 Types of components
146 REDUX Creating actions
147 REDUX MapStateToProps and connect
148 REDUX Dispatching
149 REDUX Types
150 REDUX Using middleware
151 REDUX Tiny practice project with redux
152 REDUX Connecting routes and redux
153 REDUX Home, bringing the artists
154 REDUX Filtering the home list
155 REDUX Creating the artists section
156 Adding styles
157 REDUX Clearing the artistdata
158 PROJECT 3 Installation
159 PROJECT 3 Adding redux
160 PROJECT 3 Getting home data
161 PROJECT 3 Latest news component
162 PROJECT 3 Other news section
163 PROJECT 3 Articles page
164 PROJECT 3 Adding the likes component
165 PROJECT 3 Finish the handle likes
166 PROJECT 3 Clearing data
167 Events
168 HOOKS Introduction to hooks
169 HOOKS Usestate
170 HOOKS Usestate 2
171 HOOKS UseEffect
172 HOOKS UseReducer
173 HOOKS The context
174 HOOKS The context 2
175 Using STATE
Resolve the captcha to access the links!