The Learn to Code with React Certification Bundle

2 Reviews
123 Enrolled
9 Courses & 53 Hours
$24.99$1,791.00
You save 98% -

What's Included

Introduction To React & Redux: Code Web Apps In JavaScript
  • Certification included
  • 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
  • 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

MI
Mammoth Interactive

Mammoth 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

Terms

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