Mastering React with Redux

Reviews Curriculum
This Masters Program makes you expert in developing high-performance single page applications. This program will help you to get in-depth knowledge of JavaScript, ES6, React, React Router, Redux, Middleware, and unit testing using a hands-on project based on real-life case studies. The curriculum has been designed by Industry expert, which will help you to crack interview and get 40%-100% salary hike.
Course Preview

Upcoming Batches

Class will start with one hour of orientation session, covering the learning path and objective of the program. You will have the flexibility to select batch as per your schedule and time preference.
Skills you will master
  • JavaScript
  • StyleSheet
  • React
  • Redux
  • JSX
  • Axios

Career Outlook

Career Opportunity The most popular JS libary having 100k+ stars and 1200+ contributors over Github.

Salary Trend

The average Salary of React Developers is $110k - Indeed.com. React is currently being used by Microsoft, Netflix, Facebook, Walmart and Airbnb etc.

Job Titles Include

Software Developer, Software Engineer, Web Developer, Front end Developer, Developer

Course Description

  • About the course
  • Course Curriculum
  • Assessment
  • Project (Hands-On)
  • F&Q's

The Mastering React with Redux course is primarily designed for UI Developer(s)/Web Developer(s) who want to learn how to develop high performance, event-driven, real-time and scalable applications. In this course, you will learn the JavaScript, ES6, React, React Router, Redux, Middleware, and Gulp fundamental like objects, classes, functions, components, routing, State and Lifecycle, JSX, Forms, data flow, actions and much more.


Course objectives

At the completion of this course, attendees will be able to;

  1. Understand Typescript core and advanced concepts
  2. Describe JavaScript and ES6 concepts like objects, classes, arrow function
  3. Explore React basic and advanced in-depth concepts
  4. Create components, routing and forms validations etc
  5. Explore Redux basic and advanced in-depth concepts
  6. Create REST Services using Express
  7. Consume REST API
  8. Secure application based on user roles
  9. Scale SPA for Phone, Tablets, Laptop & Desktop using Bootstrap
  10. Use JS Task runner like Gulp
  11. Publish their App on cloud server Heroku

Who can do this course?

All professionals who are keen to develop high performance web applications should go for this course

Pre-requisites

Anyone who wants to learn React with Redux should have a basic knowledge of programming.

JavaScript

JavaScript

JavaScript and ES6

  1. Understanding JavaScript
  2. Understanding ES6
  3. JavaScript Data Types – Primitive & Non-Primitive
  4. Naming a variable
  5. Number Mathematics

var, let and const

  1. Using var
  2. Using let
  3. Using const

Functions and Arrow Function

  1. Different types of Functions
  2. Named Function
  3. Anonymous Function
  4. Arrow Function
  5. Anonymous Function vs. Arrow Function

Objects and Constructor Function

  1. Creating Object
  2. Literal Object
  3. Primitive types as Objects
  4. Constructor Function

Class and Methods

  1. ES6 Class
  2. Class Members
  3. Templated String

React with Redux

React with Redux

Introduction to React

  1. Introduction to React
  2. Why React?
  3. Advantages of React
  4. React Development Style

Setting Up Environment

  1. Installing Node.js
  2. Installing Visual Studio and Visual Studio Code
  3. Useful VS Extensions for React Development
  4. Useful VS Code Extensions for Angular Development

Get Started with React

  1. Setting up the React App
  2. Running the React App
  3. React Initialization Process
  4. React Virtual DOM
  5. React Ecosystem
  6. React versus other frameworks

JSX

  1. Introduction to JSX
  2. JSX for components
  3. Attributes
  4. Expressions
  5. React without JSX

React Components

  1. Render Elements
  2. Understanding Component
  3. Creating a Component
  4. Types of Components
  5. Functional Components
  6. Class Components

Advanced React Components

  1. Component Life-Cycle
  2. Virtual DOM
  3. Composition
  4. Communication between Components
  5. Reusable Components

Data Flow

  1. Introduction to One Way Data Flow in React
  2. Props and State
  3. Passing Data to Child Component
  4. Handling State of Component

Event and Actions

  1. Events in React
  2. Data Binding
  3. Events and Actions
  4. Handling Events
  5. Communication Among Components

Redux

  1. Introduction to Redux
  2. Redux vs. Flux
  3. Redux Flow Overview
  4. Redux Setup

Redux Flow

  1. Actions
  2. Reducers and Root Reducers
  3. Store
  4. Dispatch Actions
  5. Action creators

Async Actions and Action Flow

  1. Async Action Creators
  2. Async Flow
  3. Promises

Routing using React Router

  1. Understanding Routing
  2. Introduction to React Router
  3. Defining Routes
  4. Routes Handling
  5. Handling Route Parameters
  6. Nested Routes

React Forms and Controls

  1. Introduction to React Forms
  2. Creating Forms
  3. Forms Validations
  4. Custom Validations

Introduction to Node

  1. Understanding Node.js
  2. Uses of Node.js
  3. Creating Node.js App

HTTP

  1. Building a Web Server
  2. HTTP Request Methods, Headers
  3. Response Codes and Headers

Express Framework

  1. Understanding Express
  2. Installing Express
  3. Creating and Running Express App

REST API with Express

  1. Introduction to REST
  2. Creating REST API using Express
  3. Introduction to Postman
  4. Testing REST API using Postman REST Client

REST API and Axios

  1. Introduction to Axios
  2. Using Axios with React
  3. Consuming REST API using Axios in React
  4. Performing CRUD operations

Unit Testing

Unit Testing

Unit Testing

  1. Introduction to Unit Testing
  2. React Unit Testing setup
  3. React Unit Testing frameworks
  4. Unit Testing with TestUtils

Testing React Components

  1. Testing Components
  2. Testing DOM Manipulations
  3. Testing Properties and State
  4. Simulating Events

Project

Project

Discussing Project Architecture

  1. Understanding Application Architecture
  2. Discussing Application Entities Properties
  3. Discussing Relationship among Application Entities

Developing Application Architecture

  1. Creating Server building blocks
  2. Creating Client-Side building blocks

Designing DB and REST Service

  1. Designing Database
  2. Developing REST API

Developing Frontend using React

  1. Defining Modules – User, Admin
  2. Defining Routing
  3. Developing User Login and Signup Page
  4. Developing User and Admin Dashboard

Security

  1. Implementing Token based Authentication
  2. Managing User session
  3. Implementing Authorization

Route Protection

  1. Protecting a Route from Unauthorized Access
  2. Need of Route Protection

Category and Product Listing

  1. Category CRUD Operations
  2. Product CRUD Operations

Shopping Cart

  1. Creating Shopping Cart
  2. Adding Products to Shopping Cart
  3. Removing Products from Shopping Cart

Payment Gateway

  1. Understanding Payment Gateway Process
  2. Integrating Payment Gateway
  3. Sending/Receiving data to and from Payment Gateway
  4. Placing order

Securing REST API

  1. Understanding Token based Security
  2. Implementing Token based Security
  3. Securing Routes

Gulp - JavaScript Task Runner

  1. Understanding Gulp
  2. Using Gulp to build app

Cloud Deployment - Heroku

  1. Deploying using GitHub
  2. React Hosting Options
  3. Hosting React App on cloud server Heroku

Master Program Certificate

Dot Net Tricks Certificate

Dot Net Tricks allows its esteemed users to take your skills to the next level with articles, books, and courses on the most popular programming languages. Skill Assessments are good for anyone and everyone practicing technology.

In less than 10 minutes, with our skill assessments having 20 questions, you can identify your knowledge gaps and strengths. Your results tell you, how much you know, and what you need to learn. Here at Dot Net Tricks, you can learn the essential skills to be an exceptional leader and an outstanding professional.

Dot Net Tricks assignments help the professionals to work on real-world projects and to get an edge in their careers and make their lives better. This training program includes 4 mock-up tests and 4 assignments.

Mockup-Tests objectives

  1. Help you to monitor your learning progress.
  2. Help you to evaluate yourself.
  3. Help you to crack your technical interview first round with objective questions

Assignments objectives

  1. Gain confidence to work on React project with latest technologies.
  2. Help you to evaluate your development skills.
  3. Prepare yourself for real-application development.

You will learn how to develop an online bookstore site. The site will show the list of products to User/Customer. A user can search and purchase books. He can see the previous order history. Here, the admin will be responsible for managing books and their categories.

The application will use React recommended architecture with the extensible approach. We would be using the payment gateway to do online payment and finally publishing it.

Project Architecture

The primary goal of this architecture is to share as much code as possible across the web application and further reuse existing code for mobile apps development if necessary.

This architecture will help you to develop SPA with the recommended design patterns and practices.

React-redux Project Architecture

What you will learn through project?

  1. Creating shopping cart using React.
  2. Integrating payment gateway
  3. Validating data at client side and server side.
  4. Using Node's Package Manager – NPM.
  5. Scaling web app for Phone, Tablets, and Laptop & Desktop.
  6. Securing you application based on user roles.
  7. Using JS Task runner like Gulp.
  8. Deploying your app on Github.
  9. Publishing your app on cloud server.

Q1. What is Masters Program and how is it different from the individual courses offered by Dot Net Tricks?

Masters Program is a structured learning path recommended by leading industry experts and ensures that you transform you to be a master of multitude skills, and this program aims at providing you an in-depth knowledge of the each and every skill. Individual courses at Dot Net Tricks focus on specialization in one or two specific skills, however, if you intend to become a master, then this is the path for you to follow.

Q2. Who are your mentors?

All our mentors are highly qualified and experience professionals. All have at least 8-10 yrs of development experience in various technologies and are trained by Dot Net Tricks to deliver interactive training to the participants.

Q3. What If I miss my online training class?

All online training classes are recorded. You will get the recorded sessions so that you can watch the online classes when you want. Also, you can join other class to do your missing classes.

Q4. Whom do I contact, if I have more queries?

You can give us a CALL at +91 113 303 4100 OR email us at enquiry@dotnettricks.com

Q5. Can I share my course with someone else?

In short, no. Check our licensing that you agree to by using Dot Net Tricks LMS. We track this stuff, any abuse of copyright is taken seriously. Thanks for your understanding on this one.

Q6. Do you offer certificates of completion?

Yes, We would be providing you with the certificate of completion of the program, once you have successfully submitted all the assessment and it has been verified by our subject matter experts.

Q7. How do I enroll for the course?

You can enroll in the course by doing payment. Payment can be made using any of the following options.
  1. Visa debit/credit card
  2. Net banking
  3. Through PayPal

Q8. How do I get an invoice?

You'll get a receipt upon checkout, however, if you need an invoice send us your details and we'll get one back to you right away.

Q9. Student discounts?

Yes, Dot Net Tricks provides student discount to learners who cannot afford the fee. Email us from your student account, or attach your student ID.

Q10. How do I setup my team?

Purchase the team license, then drop us an email with a list of user emails you’d like to have access, we'll create your team accounts.

Q11. Do you provide any course material or live session videos?

Yes we do. You will get access to the entire content including class videos, mockups, and assignments through LMS.

Q12. Do you provide technology version upgrade session free?

Yes we do. As the technology upgrades your content gets updated at no cost.

Q13. Do you prepare me for the job interview?

Yes, we do. We will discuss all possible technical interview questions and answers during the training program so that you can prepare yourself for interview.

Q14. Do you provide hands-on real application development?

Yes, we do provide you to do hands-on real application development.

Like the Curriculum

Want to know more. Please do share your details.

Price Details

  • JavaScript
    3,000
  • React with Redux
    9,000
  • Unit Testing
    2,500
  • Project
    6,000
Total 20,500
Discount Offered 4,501

15,999 20,500

ENROLL NOW
*Instructor-led Course. Price exclusive of taxes.

Course Features

Anywhere, Any Device

All sessions can be attended from anywhere, and using any device. Staying at home or office, you can upgrade yourself with latest technologies.

Instructor-led Sessions

All sessions are led by our expert mentors. Even you have access to your live online training sessions video which will be available to you through LMS within 24 hours.

Assessments

Each Module will be followed by objective mockup tests and practical assignments which help you to monitor your learning progress and Evaluate yourself.

Real-life Case Studies

All the sessions are delivered using real-life examples. You will learn how to develop real project using industry recomended principles and practices.

365 Days Access

You will get 365 days access to the LMS. This includes video, course material, exercise files and ppts used during the session.

Forum

We have a community forum for all our learners wherein you can enrich their learning through peer interaction and knowledge sharing.

Technical Support

We have online support team available to help you with any technical queries you may have during the course.

Certification

At the end of the course, you need to complete one project. On successful completion, you will receive course completion certificate.

We've trained thousands of developers at some of the world's largest tech companies, including:

Corporate Training

Our corporate training programs are specially designed as per industry requirements, so that your employees can develop applications with latest technologies. As a trusted and resourceful training partner, Dot Net Tricks helps you achieve success with its industry-leading instructional design and customer training initiatives.

Professional Reviews

+