Introduction to React and Redux. Code Web Apps in JavaScript
4.8 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
46 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Introduction to React and Redux. Code Web Apps in JavaScript to your Wishlist.

Add to Wishlist

Introduction to React and Redux. Code Web Apps in JavaScript

A Beginner's Guide to React and Redux for Aspiring Web App Developers & Entrepreneurs.
4.8 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
46 students enrolled
Last updated 8/2017
English
Curiosity Sale
Current price: $10 Original price: $200 Discount: 95% off
30-Day Money-Back Guarantee
Includes:
  • 18.5 hours on-demand video
  • 18 Articles
  • 18 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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 and JavaScript
  • use Web Pack, 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 and more efficient)
  • fix bugs and handle errors
View Curriculum
Requirements
  • Modern web browser
  • Basic HTML/CSS knowledge
  • This course was recorded on a Mac computer.
Description

Do you want to learn to build beautiful, well-functioning web apps? Join web developer Chris Veillette in this course for beginners to start building web apps today.

Why React?

React is an efficient and flexible JavaScript library for building user interfaces. Many popular websites including Instagram, Facebook, Netflix, and Imgur use React.

We at Mammoth Interactive value input from students like you. Feel free to leave us any questions in our Q&A section. Please leave this course a review. We love hearing from you!

You can build your own web apps! This course is full of practical examples. We teach you theory while also building real projects that you can put in your web development portfolio. Enroll today to join the Mammoth community.


Who is the target audience?
  • Developers who want to learn about React and Redux.
  • Coders who want to learn to build web apps.
  • Coders who want to learn JavaScript.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
167 Lectures
18:31:00
+
Introduction to the Course
4 Lectures 18:24


Top 10 Things You Will Learn
05:19

Webpack Version Explanation (To Be Watched Before Starting)
02:26
+
Introduction to React and JSX
5 Lectures 51:32
Setting Up React and Installing Packages
23:48

Alternate Methods of Rendering
19:40

Invoking Functions
02:34

Setting Styles on Elements
05:27

Source Code 01: Setup
00:03
+
Components
6 Lectures 58:00
Virtual DOM and Classes
15:43

ES6 Webpack Dev Server
11:19

React Components
07:28

Splitting Another Component
09:04

React Component Validators
14:24

Source Code 02: Components
00:02
+
React States
8 Lectures 52:31
Introduction
12:02

Extracting Button into Separate Component
04:39

Reusing a Component
06:01

Splitting Component into Sub-Components
13:13

Creating a Timer
05:06

componentWillUnmount
06:34

Webpack Hot Reloading
04:54

Source Code 03: States
00:02
+
React Event Handling
6 Lectures 41:15
Introduction
12:57

Simple Event Handling
04:26

Getting Values
03:57

Using Events to Influence App Display
12:59

Splitting Function into Components
06:54

Source Code 04: Event Handling
00:02
+
React Routers
16 Lectures 01:27:34
Props.children
06:01

Introduction to React Router
12:27

Direct URL
04:19

Wildcard
02:29

IndexRoute
06:04

Making a Name Profile
04:10

Nested Routes
06:31

User Profile
07:36

React Router Redirects
07:33

Making Params Optional
01:36

Making Profile and Calling on History
06:48

Back Button
03:25

activeClassName
05:22

Active Inline Styles
02:57

Navlinks Components
10:14

Source Code 05: React Routers
00:02
+
React Slight Refactoring
2 Lectures 10:22
Improving Layout
05:25

Additional Refactoring
04:57
+
React Product Components
7 Lectures 44:20
Making a Web Store Example
09:31

Building out the Project
04:23

Routing to Products
07:29

Rendering Product Profile
07:20

Adding Images to the Web App
06:39

Reusing Component
08:56

Source Code 06 & 07: Refactoring and Product Component
00:02
+
React CSS
12 Lectures 01:13:38
Basic CSS Framework
05:12

Organizing Information with CSS Grids
07:51

CSS Modules
10:48

CSS Styling
09:01

Adding a Menu in the Navigation Bar
08:26

Making a Background
07:21

Adding Margins to Products
06:59

Styling the Name List
03:33

React CSS Styling Part 6
04:23

React CSS Extract to Separate file
08:21

React CSS Extract to Separate file (Cont'd)
01:41

Source Code 08: CSS
00:02
+
Chapter 9: Introduction to Redux
9 Lectures 58:20
9.1 Intro to Redux Part 1
09:25

9.2 Intro to Redux Part 2
07:57

9.3 Intro to Redux Part 3
07:15

9.4 Intro to Redux Part 4
04:22

9.5 Redux Store
08:32

9.6 Redux Store (Cont'd)
03:03

9.7 Redux Store Subscribe
04:52

9.8 Redux Store Subscribe (Cont'd)
03:09

9.9 Redux Combine Reducers
09:45
12 More Sections
About the Instructor
Mammoth Interactive
4.3 Average rating
1,716 Reviews
34,910 Students
43 Courses
Best selling course provider since 2011!

Mammoth Interactive is a company that was formed in 2008 by John Bura. Mammoth Interactive has produced games for the iPhone, iPad, XBOX 360 and more. Their games have been sponsored by highly esteemed companies such as Nickelodeon.

Mammoth Interactive has a long history of providing support to other developers. Mammoth Interactive has been contracted to produce epic soundtracks, addicting levels, rock solid programming  and business development.

What makes John a good teacher?

  • I have released over 40 games and apps that have done very well in the app store.
  • I run a company called Mammoth Interactive, so I am actively in the field building apps and making money.
  • I have been teaching since 2002.
  • I personally love learning online, and my life is much better because I have learned online rather than a classroom.
  • I am one of the top 10 highest grossing Udemy teachers.
  • I have been a Udemy instructor since 2011.
  • I make sure people learn how to make money from their creations.
  • I have over 300’000 students worldwide.


John Bura
4.3 Average rating
5,650 Reviews
125,855 Students
124 Courses
Best Selling Instructor Web/App/Game Developer 300k Students

John Bura is has been a successful Udemy instructor since 2011. John Bura has been programming games since 1997 and teaching since 2002. John is the owner of the game development studio Mammoth Interactive. This company produces XBOX 360, iPhone, iPad, android, HTML 5, ad-games and more. 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 the top 10 in the Apple's app store. In his spare time John likes to play ultimate Frisbee, cycle and work out.