The Learn to Code with React Certification Bundle

2 Reviews

137 Enrolled

9 Courses & 53 Hours

$34.99 CAD$88.00 CAD

You save 60%

What's Included

$10.00 CAD Value

Introduction To React & Redux: Code Web Apps In JavaScript

Mammoth Interactive

169 Lessons (18h)

Lifetime

Experience level required: Beginner
Access 169 lectures & 18 hours of content 24/7
Length of time users can access this course: Lifetime

Course Curriculum

169 Lessons (18h)

Your First Program
Preview

Introduction
Join Our Forum
Top 10 Things You Will Learn5:19
Common Pitfalls and Mistakes5:03
Quick Wins with React5:36
Webpack Version Explanation (To Be Watched Before Starting)2:26
Chapter 1: Introduction to React and JSX
1.1 - Introduction to React and JSX Part 123:48
1.2 - Introduction to React and JSX Part 219:40
1.3 - Introduction to React and JSX Part 32:34
1.4 - Introduction to React and JSX Part 45:27
Source Code 01: Setup
Chapter 2: Components
2.1 - Virtual DOM and Classes15:43
2.2 - ES6 Webpack Dev Server11:19
2.3 - React Components7:28
2.4 - React Components (Cont'd)9:04
2.5 - React Component Validators14:24
Source Code 02: Components
Chapter 3: States
3.1 - React States Part 112:02
3.2 - React States Part 24:39
3.3 - React States Part 36:01
3.4 - React State Part 413:13
3.5 - React State Part 55:06
3.6 - React States "componentWillUnmount"6:34
3.7 - React States Webpack Hot Reloading4:54
Source Code 03: States
Chapter 4: Event Handling
4.1 - React Event Handling Part 112:57
4.2 - React Event Handling Part 24:26
4.3 - React Event Handling Part 33:57
4.4 - React Event Handling Part 412:59
4.5 - React Event Handling Part 56:54
Source Code 04: Event Handling
Chapter 5: React Routers
5.1 - React Props.children6:01
5.2 - React Router12:27
5.3 - React Router Direct URL4:19
5.4 - React Router Wildcard2:29
5.5 - React Router "Indexroute"6:04
5.6 - React Router Profile4:10
5.7 - React Router Nested Routes6:31
5.8 - React Router User Profile7:36
5.9 - React Router Redirects7:33
5.10 - React Redirects1:36
5.11 - React Router Profile6:48
5.12 - React Router Back Button3:25
5.13 - React Router Activeclassname5:22
5.14 - React Router Active Inline Styles2:57
5.15 - React Router Navlinks Components10:14
Source Code 05: React Routers
Chapter 6: Refactoring
6.1 - React Slight Refactoring5:25
6.2 - React Slight Refactoring (Cont'd)4:57
Chapter 7: Products Components
7.1 - React Products Component Part 19:31
7.2 - React Products Component Part 24:23
7.3 - React Products Components Part 37:29
7.4 - React Products Component Part 47:20
7.5 - React Products Component Part 56:39
7.6 - React Products Component Part 68:56
Source Code 06 & 07: Refactoring and Product Component
Chapter 8: CSS
8.1 - React Basic CSS Framework5:12
8.2 - React Basic CSS Framework (Cont'd)7:51
8.3 - React CSS Modules10:48
8.4 - React CSS Styling Part 19:01
8.5 - React CSS Styling Part 28:26
8.6 - React CSS Styling Part 37:21
8.7 - React CSS Styling Part 46:59
8.8 - React CSS Stylings Part 53:33
8.9 - React CSS Styling Part 64:23
8.10 - React CSS Extract to Separate File8:21
8.11 - React CSS Extract to Separate File (Cont'd)1:41
Source Code 08: CSS
Chapter 9: Introduction to Redux
9.1 - Intro to Redux Part 19:25
9.2 - Intro to Redux Part 27:57
9.3 - Intro to Redux Part 37:15
9.4 - Intro to Redux Part 44:22
9.5 - Redux Store8:32
9.6 - Redux Store (Cont'd)3:03
9.7 - Redux Store Subscribe4:52
9.8 - Redux Store Subscribe (Cont'd)3:09
9.9 - Redux Combine Reducers9:45
Chapter 10: Adding Redux to React
10.1 - Adding Redux To React Part 127:28
10.2 - Adding Redux To React Part 23:31
10.3 - Adding Redux to React Part 310:45
10.4 - Adding Redux to React Part 410:27
10.5 - Delete Names7:40
10.6 - Babel and Spread Operators4:46
Source Code 09 & 10: Introduction to Redux and Adding Redux to react
Chapter 11: Redux Action Creator and Product Refactor
11.1 - Action Creators10:23
11.2 - Profile Page16:39
11.3 - Dispatch and onEnter7:33
11.4 - Refactor into Separate Files3:43
11.5 - Refactor into Separate files (Cont'd)1:24
11.6 - Product Page13:16
11.7 - Product Profile Page14:56
Source Code 11: Redux Action Creators and Product Refactor
Chapter 12: Redux State in createStore
12.1 - Initial State in createStore6:34
12.2 - Initial State in createStore (Cont'd)3:57
12.3 - Adding Generated Names with Faker8:30
Source Code 12: Redux State in createStore
Chapter 13: Redux Middleware and Async Dispatching
13.1 - Fake Backend and Middleware15:06
13.2 - Thunk Middleware16:14
13.3 - Thunk Checking State6:24
13.4 - Get Profile Part 18:53
13.5 - Get Profile Part 24:46
13.6 - Get Profile Part 34:18
13.7 - Get Profile Part 43:22
13.8 - Get Names Refactor5:47
13.9 - Add Random Name6:04
13.10 - Add Random Name (Cont'd)4:39
Source Code 13: Redux Middleware and Async Dispatching
Chapter 14: Redux Refactoring, Logging, and Error Handling
14.1 - Refactor Name Reducers6:57
14.2 - Using Actions2:44
14.3 - Error Handling Part 110:11
14.4 - Error Handling Part 27:04
14.5 - Error Handling Part 38:59
Source Code 14: Redux Refactoring, Logging, and Error Handling
Chapter 15: Products Lists and Profiles
15.1 - Product List13:24
15.2 - Product List (Cont'd)3:04
15.3 - Product Profile10:54
15.4 - Product Profile (Cont'd)4:05
15.5 - Error Handling Refactor4:57
15.6 - Error Handling Refactor (Cont'd)3:14
Source Code 15: Product Lists and Profiles
Chapter 16: Loading Spinner and Error Component
16.1 - Loading Spinner9:16
16.2 - Loading Spinner (Cont'd)7:14
16.3 - Error Component11:24
Source Code 16: Loading Spinner and Error Component
Chapter 17: Adding User-Written Reviews
17.1 - Adding Reviews Part 123:01
17.2 - Adding Reviews Part 211:32
17.3 - Adding Reviews Part 310:48
17.4 - Adding User Reviews19:46
17.5 - Refining Review Containers Part 13:53
17.6 - Refining Review Containers Part 23:24
17.7 - Refining Review Containers Part 36:00
Source Code 17: Adding User-Written Reviews
Chapter 18: Prototypes and Refactoring Error Handling
18.1 - Adding Prototypes28:57
18.2 - Adding Prototypes (Cont'd)14:23
18.3 - Action Types6:39
18.4 - Refactoring Error Handling6:28
18.5 - Refactoring Error Handling (Cont'd)1:57
Source Code 18: Prototypes and Refactoring Error Handling
Chapter 19: Updating to Webpack 2 And Building Production Abundle
19.1 - Migrating to Webpack27:14
19.2 - Hot Reloading5:43
19.3 - Hot Reloading (Cont'd)9:31
19.4 - HTML Webpack Plugin4:48
19.5 - Simple Production Build7:34
19.6 - Dev Config File Update3:49
Source Code 19: Updating to Webpack 2 And Building Production Abundle
Chapter 20: Styling the App
20.1 - Final Style Part 17:13
20.2 - Final Styling Part 24:07
20.3 - Final Styling Part 310:53
20.4 - Final Styling Part 43:58
20.5 - Final Styling Part 52:40
20.6 - Styling NavBar2:33
20.7 - Styling Product List Part 16:06
20.8 - Styling Product List Part 25:18
20.9 - Styling Product List Part 31:34
20.10 - Styling Product Profile Part 16:15
20.11 - Styling Product Profile (Cont'd)5:06
20.12 - Styling Review5:03
20.13 - Styling Review (Cont)2:15
20.14 - Styling Continued1:58
20.15 - Styling Namelist Part 13:41
20.16 - Styling Namelist Part 23:34
20.17 - Styling Namelist Part 31:44
20.18 - Styling Layout Footer5:44
20.19 - Styling Layout footer (Cont'd)2:35
20.20 - General Layout Styling5:07
20.21 - General Layout Styling (Cont'd)1:07
20.22 - Font Work and More Styling17:11
Source Code 20: Styling the App
Chapter 21: Epilogue
21 - Final Thoughts2:50
Get 155+ courses!

Introduction To React & Redux: Code Web Apps In JavaScript

Mammoth InteractiveMammoth Interactive 4.2/5 Instructor Rating: ★ ★ ★ ★ ★ ★

Mammoth Interactive produces XBOX 360, iPhone, iPad, Android, HTML 5, ad-games, and more. It's owned by top-rated instructor John Bura. Mammoth Interactive recently sold a game to Nickelodeon! John has been contracted by many different companies to provide game design, audio, programming, level design, and project management. To this day John has 40 commercial games that he has contributed to. Several of the games he has produced have risen to number 1 in Apple's app store. In his spare time, John likes to play ultimate Frisbee, cycle and work out.

Description

Used by the likes of Instagram, Facebook, Netflix, and Imgur, React is an efficient and flexible JavaScript library for building user interfaces. Meanwhile, Redux is a predictable state container that helps you manage the data your pages display. Together, these two tools play a key part in building professional, well-functioning apps; and you'll explore mastering them both in this training.

4.0/5 average rating: ★ ★ ★ ★ ★ ★

Access 169 lectures & 18 hours of content 24/7
Lay out a web app in a logical way
Use JSX, a pre-processor that adds XML syntax to JavaScript
Build a single-page app using React Router
Code in ES6 & JavaScript
Use webpack, a bundler for code
Transition from webpack 1.0 to webpack 2.0
Write modular CSS
Use Redux, a predictable state container for JavaScript apps
Refactor code (alter code to make it simpler & more efficient)
Fix bugs & handle errors

Specs

Important Details

Length of time users can access this course: lifetime
Access options: desktop & mobile
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: beginner
Have questions on how digital purchases work? Learn more here

Requirements

Modern web browser
Basic HTML/CSS knowledge

$10.00 CAD Value

Testing React Apps with React Testing Library

David Armendariz

23 Lessons (2h)

Lifetime

$10.00 CAD Value

Building Modern React Apps (With Redux Toolkit + Typescript)

David Armendariz

57 Lessons (4h)

Lifetime

$10.00 CAD Value

React Practice Course: Build React App from Scratch

Maksym Rudnyi

44 Lessons (4h)

Lifetime

$10.00 CAD Value

Modern React JS Hooks & Context with Most Recent Edition

Oak Academy

26 Lessons (3h)

Lifetime

$10.00 CAD Value

React Native & Router: Build Mobile Apps with React and Expo

Oak Academy

58 Lessons (7h)

Lifetime

$10.00 CAD Value

React JS: Learn React JS from Scratch with Hands-On Projects

Oak Academy

67 Lessons (7h)

Lifetime

$10.00 CAD Value

React Native: Learn React Native with Hands-On Practices

Oak Academy

45 Lessons (5h)

Lifetime

$10.00 CAD Value

Redux with React JS: Learn Redux with Modern React JS

Oak Academy

24 Lessons (3h)

Lifetime

Terms

Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.

2 Reviews

5/ 5

All reviews are from verified purchasers collected after purchase.

Ariel Campos

Verified Buyer

React development is a skill with a high demand. Looking forward to learn from 2 courses I bought. Thanks

Apr 7, 2022

Kevin Maharaj

Verified Buyer

I got the black friday 70% off so really well priced. The bundle has good content. This was a fantastic buy.

Dec 17, 2021

Your Cart

Your cart is empty. Continue Shopping!

Processing order...