React JS & Firebase Complete Course [2019, ENG] torrent

Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Программирование (видеоуроки)

React JS & Firebase Complete Course (incl. Chat Application)

Год выпуска: 2019
Производитель: Udemy
Сайт производителя: https://www.udemy.com/course/react-js-firebase-complete-course-incl-chat-application/
Автор: Filip Jerga
Продолжительность: ~24h
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: WHAT IS REACT JS?

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”.

WHAT IS FIREBASE?

Firebase provides a realtime database and backend as a service. The service provides application developers an API that allows application data to be synchronized across clients and stored on Firebase's cloud.

THE COURSE

Students learn best when they’re putting what they learn in to practice straight away, so we’ve build this course around one really great project (which will look fantastic in your career portfolio!):

In this course we are going to build application where users can participate in different services that can improve users expertise in various fields.

We will start with the basics of React JS framework. We will create initial layout, first pages and routing .

First section will be not only about React JS . To make our application dynamic and up to the standards we need database. Database we will use in this course is cloud Firestore from Firebase. IN Firestore we will keep different types of data as for example services, offers, collaborations and users.

After first section you will start learning about firebase authentication. I will show you how to login and register with firebase. After user will be logged in we will display our application with couple of modifications only authenticated user can see.

Main idea of this application is to offer and subscribe to various services. For this reason we will implement page. where users can create service and where i get you familiar with form validation as well

After service will be created it will be displayed on Home page and offered to other users.

Later we will be creating functionality to trade services between the users. Every logged in user can make an offer for a service. After offer is submitted then its up to service owner if he is willing to accept or decline an offer. In case service owner will accept offer then user can create collaboration.

Once collaboration is created then service owner will receive message to participate in collaboration. When all of the users are joined into collaboration then collaboration can be started for specific amount of time and users can exchange messages. After collaboration is finished, messaging is disabled.

In last section I will be talking about security rules for Firestore and finally we will deploy are application to Heroku so you can share it with your friends and family. This is just short preview of all of the features and there is much much more prepared for you.

With over 24 hours of on-screen instruction, it doesn’t matter whether you’re planning to start your career as a developer, or just want to improve your programming skills, this is the right course for you!

So what are you waiting for? Enrol now!!
[spoiler="Содержание"]
–
React Basics
03:11:38
Section Introduction
Предварительный просмотр
02:10
Project initialization
11:56
Framework deep dive
21:21
Functional Component
09:38
Class vs Functional Component
04:56
What is State ?
10:00
State in Functional component
09:08
Counter functional component
09:09
Counter class component
07:39
Props in class component
17:31
Props in functional component
05:10
Previous data in functional component
14:02
Jsconfig
04:08
Init layout + styles
17:56
Iterate services
13:10
Service item component
13:34
Routing
11:04
Create Link + Navbar section
09:06
–
State Management
03:23:23
Section Introduction
Предварительный просмотр
02:52
What is Redux
14:22
Connect function
07:45
Dispatch action + simple reducer
13:25
Services reducer
06:07
Add logger to dispatch
11:41
Init Firebase
19:32
Redux Promises
17:42
Middleware improvements
13:15
Add service detail page
10:42
Service reducer
21:14
Add API
08:00
Reducer improvements
07:24
Spinner component
10:29
Is fetching state
10:25
Redux thunk
14:29
Caching improvements
07:08
Enhancers
06:51
–
Authentication
03:41:32
Section Introduction
Предварительный просмотр
02:13
Login & Register page
02:27
Add useForm package
11:20
Validators
14:09
Custom validators
10:01
Custom validators part 2
10:59
Register User
17:49
Create user profile
11:33
Handle register response
15:12
Handle Login
13:12
Structural changes of App
11:38
Watch auth state changes
18:36
Display UI auth changes
18:33
Handle Logout
08:16
Fresh JS Loading
10:43
Fresh JS Loading part 2
08:31
Reset auth state
05:04
High order component
12:47
Custom HOC
13:57
Small Improvements Dispatch
04:32
–
Service Feature
01:54:38
Section Introduction
Предварительный просмотр
03:05
Service Create Page
05:12
Handle form submit
13:48
Create Service
15:43
User services page
12:35
User Services reducer
10:01
User services reducer rework
05:51
Modal component
08:56
Add modal content
17:19
Create user ref
15:22
Structural changes of API
06:46
–
Offer Feature
02:43:40
Section Introduction
Предварительный просмотр
06:20
Create offer
20:16
Send & Received Offers
14:40
Fetch Offers
15:31
Display Offers + Extract Data
17:06
Display offer in Service Item
15:36
Accept and Decline Offer Button
09:12
Accept & Decline Offer
17:53
Create collaboration and messages
17:15
Create Collaboration API
12:21
Mark offer as in collaboration
17:30
–
Messages Feature
59:06
Subscribe to messages
Предварительный просмотр
13:55
Create message component
16:25
Display actual messages
10:18
Mark message as read one
18:28
–
Collaboration Feature
05:30:59
Section Introduction
Предварительный просмотр
05:04
Auth reducer refactor
09:07
Collaboration List page
12:30
Collaboration Detail
12:10
Firebase functions
20:01
Check user connection
24:20
Check online status on firestore
15:08
Set offline on logout
07:29
Subscribe to collaborations
24:33
Display joined people
16:28
Watch profile changes
14:32
Display correct status
11:55
UI color changes of status
08:39
On send message function
14:03
Subscribe to messages
19:14
Display messages
15:32
Clean messages + Start collab button
12:06
Count expiration time
13:26
Timer Component
12:15
Timer fix
05:35
Handle Collaboration status
14:21
Small fixes
22:07
Improvements on detail page
20:24
–
Firestore Rules
48:49
Section Introduction
Предварительный просмотр
02:56
Rules introduction
12:36
Service Rules
13:14
More rules!
20:03
–
Application Improvements
01:07:07
Fixing logout, messages and register
Предварительный просмотр
25:45
Collaboration messages fix
19:53
Collaboration Rules
12:33
Application Testing
08:56
–
Deployment
54:48
Section Introduction
Предварительный просмотр
02:42
Git installation + Service fix
17:26
Deployment
07:43
Final testing part 1
11:13
Final testing part 2
14:36
Course Outro
01:08
[/spoiler]
Файлы примеров: присутствуют
Видео: AVC, 1280x720, 16:9, 30fps, ~1500kbps
Аудио: AAC, 48kHz, 128kbps, stereo
[spoiler="Скриншоты"]

[/spoiler]