Complete React I Front 2 Back Course
at just
$69
Enroll Now
Sign Up
Sign In
Complete React I Front 2 Back Course
Complete React I Front 2 Back Course
Section 1 : Course Introduction
Lecture 1
Welcome To The Course
3:10
Lecture 2
What Is React
3:55
Lecture 3
Setting Up Our Environment
6:7
Section 2 : Project 1 Start [Github Finder] & React Setup
Lecture 4
Project Introduction
3:22
Lecture 5
Code & Resources
Text
Lecture 6
Create React App & File Structure
10:32
Lecture 7
CRA Cleanup & Prepare
6:37
Lecture 8
Intro To JSX & Fragments
Preview
Lecture 9
Expressions & Conditionals In JSX
5:56
Section 3 : Components, State & Props
Lecture 10
Components, Props & PropTypes
10:48
Lecture 11
Getting Started With Component State
9:8
Lecture 12
Lists & Passing State With Props
Preview
Lecture 13
Stateless Functional Components
7:18
Lecture 14
HTTP Requests & Updating State
9:6
Lecture 15
Spinner Component & Refactoring
7:20
Lecture 16
Environment Variables
5:13
Section 4 : Events, Passing Props, React Router & More
Lecture 17
Events & Search Component
7:59
Lecture 18
Passing Props Up & Search
8:29
Lecture 19
Clear Users From State
7:26
Lecture 20
Alert State & Component
9:45
Lecture 21
React Router Setup
8:44
Lecture 22
Single User Component & Data
11:38
Lecture 23
User Component UI & Layout
13:10
Lecture 24
Repos & RepoItem Component & Data
10:53
Section 5 : Refactoring To Hooks & Context
Lecture 25
Overview of Hooks & Context
7:8
Lecture 26
Search Class to Function With useState Hook
7:28
Lecture 27
User Class to Function With useEffect Hook
8:31
Lecture 28
App Class to Function Component
8:16
Lecture 29
Implementing Context
12:39
Lecture 30
Create Reducer & Actions
12:28
Lecture 31
Moving User State To Context
15:37
Lecture 32
Moving Repos State To Context
4:25
Lecture 33
Alert Context Workflow
12:56
Lecture 34
Home & NotFound Components
4:41
Lecture 35
Prepare & Deploy To Netlify
10:39
Section 6 : Project 2 Start [Contact Keeper - MERN] & Express Server Setup
Lecture 36
Project Introduction
3:36
Lecture 37
Code & Resources
Text
Lecture 38
MongoDB Atlas Setup
5:17
Lecture 39
Dependencies & Basic Express Server
9:20
Lecture 40
Backend Routes
Preview
Lecture 41
Connect MongoDB To Our App
8:52
Section 7 : Backend Users, Contacts & JWT Authentication
Lecture 42
User Model & Validation
11:31
Lecture 43
Hash Passwords & Register Route
8:3
Lecture 44
Create & Respond With JSON Web Token
6:35
Lecture 45
Authenticate Route
9:1
Lecture 46
Auth Middleware & Protecting Routes
10:26
Lecture 47
Contact Model & Get Contacts Route
6:54
Lecture 48
Add Contact Route
8:5
Lecture 49
Contact Update & Delete Routes
12:5
Section 8 : Client Side Setup & Contacts UI
Lecture 50
Setup React & Concurrently
Preview
Lecture 51
Cleanup, Navbar & Router Setup
15:33
Lecture 52
Contacts Context & Global State
9:54
Lecture 53
Contacts & ContactItem Components
14:22
Lecture 54
ContactForm Component
17:14
Lecture 55
Delete Contact From UI
5:51
Lecture 56
Set & Clear Current Contact
6:50
Lecture 57
Edit & Update Contact Action
12:9
Lecture 58
Contact Filter Form & State
16:24
Lecture 59
Basic Add & Delete Animation
7:13
Section 9 : ReactExpress Authentication
Lecture 60
Auth Context & Initial State
8:30
Lecture 61
Register & Login Forms
10:42
Lecture 62
Alert Context, State & Component
17:0
Lecture 63
User Registration
17:21
Lecture 64
Load User & Set Token
15:21
Lecture 65
User Login
7:39
Lecture 66
Logout & Navbar
8:11
Lecture 67
PrivateRoute Component
5:57
Section 10 : Contacts API Integration & Deploy
Lecture 68
Add Contact
10:45
Lecture 69
Get & Clear Contacts
14:52
Lecture 70
Delete Contacts
4:49
Lecture 71
Update Contacts
3:16
Lecture 72
Prepare & Deploy To Heroku
Preview
Section 11 : Project 3 Start [ITLogger - Redux] - Components & UI
Lecture 73
Project Introduction
5:31
Lecture 74
Code & Resources
Text
Lecture 75
React & JSON-Server Setup
8:48
Lecture 76
Materialize Setup
8:39
Lecture 77
SearchBar & Logs Component
11:33
Lecture 78
LogItem & Preloader Components
10:51
Lecture 79
AddBtn & AddLogModal Components
20:35
Lecture 80
Edit & Tech Modal Components
17:5
Section 12 : Redux For State Management
Lecture 81
Redux Store & Provider Setup
11:33
Lecture 82
Logs Reducer, Actions & Types
13:52
Lecture 83
Connecting Redux To a Component
10:10
Lecture 84
Add Logs
9:30
Lecture 85
Delete Logs
7:49
Lecture 86
Update Logs
14:41
Lecture 87
Search Logs
7:47
Section 13 : Technicians State & Components
Lecture 88
Techs Reducer, Action & Component
10:35
Lecture 89
Tech Options Select Component
7:3
Lecture 90
Add Technicians
7:12
Lecture 91
Delete Technicians
8:12
$69
Take this course now.
Enroll Now
Lectures
91
Video
13:57:2 Hours
Skill level
intermdiate
level
Languages
English
Includes
Lifetime access
Certificate of Completion
Preview
×