Cyber Week

Save big!

All courses under $5 - for a limited time!
watching now
1 Students
148 Lessons
Beginner

What Will You Learn?

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

Curriculum

17h 51m
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
General Layout Styling
05:07
General Layout Styling (Cont'd)
01:07
Font Work and More Styling
17:11
Final Styling Part 3
10:53
Final Styling Part 4
03:58
Final Styling Part 5
02:40
Styling NavBar
02:33
Styling Product List Part 1
06:06
Styling Product List Part 2
05:18
Styling Product List Part 3
01:34
Section 21: Epilogue
02:50
Final Thoughts
02:50
Section 22: Files and source codes
15:58
React_Common_Pitfalls
05:03
React_Quick_Win
05:36
React_Top_Ten
05:19

Description

Requirements

  • A Modern Web Browser
  • Basics of HTML/CSS
  • This Course is Recorded on MAC

About the Instructor

Reviews 2
Students 151
Courses 41

Mammoth Interactive gives you the necessary tools to bring your ideas to life. It’s been founded and is lead by John Bura, a well-known instructor with over 20 years of programming and 15 years of teaching experience.

Mammoth Interactive has produced games that conquered the top positions in the App store. Their games for iPhone, iPad, XBOX 360 and more have been highly valued. Also, the company has been contracted for the production of soundtracks, addicting levels, programming, and business development.

Back in 2011, Mammoth Interactive’s CEO John Bura has entered the software education market sharing his expert knowledge. He’s a master of bringing his unique perspective backed by years of experience in teaching and running a software company, as well as real-world coding. He’s gathered a team of competent experts each in their subfields who are sharing the best of their knowledge.

Mammoth Interactive has hundreds of thousands of students leaving five-star reviews once they finish the courses. On BitDegree, you can form your entire learning paths only when looking at the list of online courses offered by Mammoth Interactive teachers. Anything from coding to kids to creating games, gaining expert Python/R/C#, etc. skills or making stunning 3D arts with Blender. It’s just an inexhaustible source of knowledge – go on and make use of it!

BitDegree platform reviews

Our students say Excellent
9.5 out of 10
trustpilot logo 1 trustpilot logo