watching now
1 Students

Description

What Will You Learn?

  • Learn to Present Web App Logically
  • Learn to Use JSX - Add XML Syntax to JavaScript
  • Learn to Write Modular CSS

Requirements

  • A Modern Web Browser
  • Basics of HTML/CSS
  • This Course is Recorded on MAC
  • NFT Certificate
  • 148 Lessons
  • Beginner
  • English
  • 1.0 Rating
  • +100 XP

Share Course on Social media

Curriculum

Course consist of total 17h 51min of content, in total.

Section 2: Components
57:58
React Virtual Dom and Classes
15:43
React es6 class webpack-dev-server
11:19
React Components
07:28
React Components Part 2
09:04
React Components Validators
14:24
Section 3: States
39:17
React State Part 1
12:02
React States Part 2
04:39
React States Part 3
06:01
React State Part 4
00:01
React State Part 5
05:06
React State componentWillUnmount
06:34
React State Webpack Hot Reloading
04:54
Section 4: Event Handling
41:13
React Event Handling Part 1
12:57
React Event Handling Part 2
04:26
React Event Handling Part 3
03:57
React Event Handling Part 4
12:59
React Event Handling Part 5
06:54
Section 5: Routers
1:27:32
React Props.children
06:01
React Redirects
01:36
React Router Profile
06:48
React Router Back Button
03:25
React Router Activeclassname
05:22
React Router Active Inline Styles
02:57
React Router Navlinks Components
10:14
React Router
12:27
React Router Direct URL
04:19
React Router Wildcard
02:29
React Router Indexroute
06:04
React Router Profile
04:10
React Router Nested Routes
06:31
React Router User Profile
07:36
React Router Redirects
07:33
Section 6: Refactoring
10:22
React Slight Refactoring
05:25
React Slight Refactoring (Cont'd)
04:57
Section 7: Product Components
44:18
React Products Component Part 1
09:31
React Products Component Part 2
04:23
React Products Components Part 3 v2
07:29
React Products Component Part 4
07:20
React Products Component Part 5
06:39
React Products Component Part 6
08:56
Section 8: CSS
1:13:36
React Basic CSS Framework
05:12
React CSS Extract to Separate file
08:21
React CSS Extract to Separate file (Cont'd)
01:41
React Basic CSS Framework (Cont'd)
07:51
React CSS Modules
10:48
React CSS Styling Part 1
09:01
React CSS Styling Part 2
08:26
React CSS Styling Part 3
07:21
React CSS Styling Part 4
06:59
React CSS Stylings Part 5
03:33
React CSS Styling Part 6
04:23
Section 9: Redux
58:19
Intro to Redux Part 1
09:25
Intro to Redux Part 2
07:57
Intro to Redux Part 3
07:15
Intro to Redux Part 4
04:21
Redux Store
08:32
Redux Store (Cont'd)
03:03
Redux Store Subscribe
04:52
Redux Store Subscribe (Cont'd)
03:09
Redux Combine Reducers
09:45
Section 10: Adding Redux to React
1:04:36
Adding Redux To React Part 1
27:28
Adding Redux To React Part 2
03:31
Adding Redux to React Part 3
10:44
adding Redux to React Part 4
10:27
Delete Names
07:40
Babel and Spread Operators
04:46
Section 11: Profiles
1:07:53
Action Creators
10:23
Profile Page
16:39
Dispatch and onEnter
07:33
Refactor into Separate Files
03:43
Refactor into Separate files (Cont'd)
01:24
Product Page
13:16
Product Profile Page
14:55
Section 12: Create Store
19:01
Initial State in createStore
06:34
Initial State in createStore (Cont'd)
03:57
Adding Generated Names with Faker
08:30
Section 13: Get Functions
1:15:33
Fake Backend and Middleware
15:06
Add Random Name (Cont'd)
04:39
Thunk Middleware
16:14
Thunk Checking State
06:24
Get Profile Part 1
08:53
Get Profile Part 2
04:46
Get Profile Part 3
04:18
Get Profile Part 4
03:22
Get Names Refactor
05:47
Add Random Name
06:04
Section 14: Error Handling
35:55
Refactor Name Reducers
06:57
Using Actions
02:44
Error Handling Part 1
10:11
Error Handling Part 2
07:04
Error Handling Part 3
08:59
Section 15: Products Lists and Profiles
39:38
Product List
13:24
Product List (Cont'd)
03:04
Product Profile
10:54
Product Profile (Cont'd)
04:05
Error Handling Refactor
04:57
Error Handling Refactor (Cont'd)
03:14
Section 16: Loading Spinner
27:54
Loading Spinner
09:16
Loading Spinner (Cont'd)
07:14
Error Component
11:24
Section 17: Reviews
55:24
Adding Reviews Part 1
00:01
Adding Reviews Part 2
11:32
Adding Reviews Part 3
10:48
Adding User Reviews
19:46
Refining Review Containers Part 1
03:53
Refining Review Containers Part 2
03:24
Refining Review Containers Part 3
06:00
Section 18: Prototypes and Error Handling
58:24
Adding Prototypes
28:57
Adding Prototypes (Cont'd)
14:23
Action Types
06:39
Refactoring Error Handling
06:28
Refactoring Error Handling (Cont'd)
01:57
Section 19: Hot Reloading
38:39
Migrating to Webpack2
07:14
Hot Reloading
05:43
Hot Reloading (Cont'd)
09:31
HTML Webpack Plugin
04:48
Simple Production Build
07:34
Dev Config File Update
03:49
Section 20: Final Touches
1:45:41
Final Style Part 1
07:13
Styling Product Profile Part 1
06:15
Styling Product Profile (Cont'd)
05:06
Styling Review
05:03
Styling Review (Cont'd)
02:15
Styling Continued
01:58
Styling Namelist Part 1
03:40
Styling Namelist Part 2
03:34
Styling Namelist Part 3
01:44
Styling Layout Footer
05:44
Styling Layout footer (Cont'd)
02:35
Final Styling Part 2
04:07