React JS and Redux - Mastering Web Apps
4.5 (1,236 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.
20,078 students enrolled
Wishlisted Wishlist

Please confirm that you want to add React JS and Redux - Mastering Web Apps to your Wishlist.

Add to Wishlist

React JS and Redux - Mastering Web Apps

Create the React JS & Redux apps you always wanted. Build 4 projects, discover development tricks, and master React!
4.5 (1,236 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.
20,078 students enrolled
Created by David Katz
Last updated 7/2017
English
English [Auto-generated]
Current price: $10 Original price: $60 Discount: 83% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4.5 hours on-demand video
  • 15 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Develop entire React JS and Redux applications from scratch.
  • Build applications that deal with APIs and web requests.
  • Discuss ES6 and advanced JavaScript.
  • Create web apps with full authentication, and real-time database.
View Curriculum
Requirements
  • Some familiarity with JavaScript, HTML, and CSS will help.
Description

Become a highly-demanded software engineer by following this tutorial on React JS and Redux. As one of the most highly-paid skills for web developers, learning React will open doors and jobs for you.

This project-based course will have you coding right away. Building four carefully thought-out example applications in this course will sharpen your skills in modern web development.

First, learn the principles of React JS by building two applications. One introduces ES6/Babel, and the other how to handle HTTP Web Requests in React using an API. With the third application, learn how to manipulate browser cookies. Finally, you’ll create an entire app with full authentication and a real-time database to finish it off.

Also, learn the engineering of Redux. You’ll find that Redux boils down to three simple steps!

Don’t worry if you’re new to web development. Some JavaScript experience will help, but this course makes sure to explain every new concept thoroughly.

Take the dive into React JS and Redux. Let’s get started coding!

Who is the target audience?
  • The perfect student knows some JavaScript, HTML, and CSS, but hopes to learn a new web development framework to significantly boost their skills.
  • All levels welcome. However this won’t introduce coding from the ground up, so this might feel fast-paced for completely new students.
  • Experienced developers and engineers will find this course perfect for brushing up on web development.
Compare to Other React Courses
Curriculum For This Course
77 Lectures
04:46:41
+
Introducing the Course and Installing React
7 Lectures 11:13


Installing React and Tools
03:45

Notes on Node & NPM
00:18

Installing a Code Editor
03:23


Source Code for the Course
00:10
+
Building CountdownChamp - Your First React Application
16 Lectures 51:54






Updating State
03:27

Changing Data with the Input Field
04:18

Creating a Clock Component
03:54

Introducing Props
01:58


Calculating Time Until
06:08

Hooking with LifeCycle Methods
04:16

Adding Helper Methods with Ternary Expressions
02:16

Styling with React Bootstrap
03:57

Summary and Challenges
01:02
+
Building MusicMaster - with an API
17 Lectures 01:10:47
IMPORTANT: Before You Start MusicMaster
00:36


Setting Up MusicMaster
01:40

Creating the App Component
04:21

Styling with Bootstrap
04:28

Searching for Artists
04:01

Coding Break: Web Requests
00:51

Preparing a Web Request
05:45

Fetching Data with a Url
03:03

Building the Artist Profile
05:20

Styling New Components with CSS
09:57

Expanding the Fetch Request
06:49

Building a Gallery
09:33

Playing Audio with JavaScript
02:24

Pausing a Track
03:33

Animated Styling
05:47

Summary and Challenges
01:04
+
Building ReminderPro - with Redux and Cookies
16 Lectures 01:02:46

Introducing Redux
05:55

Introducing Actions and Action Creators
05:20

Providing a Store and Introducing Reducers
05:45

Coding Break: the Three Steps to Redux
00:38

Mapping Dispatch To Props and Binding Action Creators
06:48

Mapping State to Props
03:03

Rendering a List of Reminders
05:28

Deleting Reminders
05:47

Reducing the List Component
04:25

Timestamping Reminders
04:14

Interpreting Moments with MomentJS
04:17

Coding Break: Cookies
00:24

Baking Browser Cookies
03:26

Clearing All Reminders
04:33

Summary and Challenges
01:17
+
Building GoalCoach - with Redux, Authentication, and a Database
20 Lectures 01:29:49

Setting Up the Index
05:04

Fixing React Router
00:18

Navigating with React-Router
03:07

Adding Firebase to the Application
03:53

Setting Up Sign Up
08:21

Writing Sign In
04:15

Coding Break: Authentication
00:38

Adding Redux to GoalCoach
03:18

Logging the User with Redux
07:47

Developing the App Component
08:57

Creating a GoalList Component
04:59

Reducing Goals in the Redux Store
03:41

Combining our Reducers
05:40

Mapping the Goals List
05:09

Completing a Goal
06:32

Removing a Goal
03:23

Adding Completed Goals to Redux
06:24

Rendering Completed Goals
05:55

Summary and Challenges
01:01
+
Saying Final Words
1 Lecture 00:28
Closing Remarks
00:28
About the Instructor
David Katz
4.4 Average rating
4,653 Reviews
81,585 Students
9 Courses
Coding Instructor & Software Engineer

Hi! I’m David. I spend most of my time building applications and coding tutorials. Currently, I study computer science at the University of San Francisco. I have also had software engineering internships at Zendesk and at a tech education startup called MVCodeClub.

I love sharing the knowledge that I have gained from my experience with other people. I have spent a fair bit of time working as a coding instructor. Because of this, I’ve learned how to explain advanced programming concepts in a clear and understandable way. There's no better feeling than when a students gets that "aha" moment.

Please don’t hesitate to reach out to me! Whether you want to chat, or work on something meaningful, please let me know!