Mastering React with Redux - Dot Net Tricks

1
(No Transcript)
2
Mastering React with Redux

• About the Course
• 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 objective
• At the completion of this course, attendees will
  be able to
• Describe JavaScript and ES6 concepts like
  objects, classes, arrow function.
• Explore React basic and advanced in-depth
  concepts
• Create components, routing and forms validations
  etc.
• Explore Redux basic and advanced in-depth
  concepts
• Create REST Services using Express
• Consume REST API
• Secure application based on user roles
• Scale SPA for Phone, Tablets, Laptop Desktop
  using Bootstrap
• Use JS Task runner like Gulp.
• 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.

Page1
3
Course Curriculum

• Module 1
• JavaScript and ES6
• Understanding JavaScript
• Understanding ES6
• JavaScript Data Types Primitive Non-Primitive
• Naming a variable
• Number Mathematics
• var, let and const
• Using var
• Using let
• Using const
• Functions and Arrow Function
• Different types of Functions
• Named Function
• Anonymous Function
• Arrow Function
• Anonymous Function vs. Arrow Function
• Objects and Constructor Function
• Creating Object

Page2
4

• Get Started with React
• Setting up the React App
• Running the React App
• React Initialization Process
• React Virtual DOM
• React Ecosystem
• React versus other frameworks
• JSX
• Introduction to JSX
• JSX for components
• Attributes
• Expressions
• React without JSX
• Module 3
• React Components
• Render Elements
• Understanding Component
• Creating a Component
• Types of Components

Page3
5

• Module 5
• Redux
• Introduction to Redux
• Redux vs. Flux
• Redux Flow Overview
• Redux Setup
• Redux Flow
• Actions
• Reducers and Root Reducers
• Store
• Dispatch Actions
• Action creators
• Async Actions and Action Flow
• Async Action Creators
• Async Flow
• Promises
• Module 6
• Routing using React Router
• Understanding Routing

Page4
6

• Express Framework
• Understanding Express
• Installing Express
• Creating and Running Express App
• REST API with Express
• Introduction to REST
• Creating REST API using Express
• Introduction to Postman
• Testing REST API using Postman REST Client
• REST API and Axios
• Introduction to Axios
• Using Axios with React
• Consuming REST API using Axios in React
• Performing CRUD operations
• Module 8
• Unit Testing
• Introduction to Unit Testing
• React Unit Testing setup
• React Unit Testing frameworks

Page5
7

• Defining Routing
• Developing User Login and Signup Page
• Developing User and Admin Dashboard
• Module 10 (Project)
• Security
• Implementing Token based Authentication
• Managing User session
• Implementing Authorization
• Route Protection
• Protecting a Route from Unauthorized Access
• Need of Route Protection
• Category and Product Listing
• Category CRUD Operations
• Product CRUD Operations
• Shopping Cart
• Creating Shopping Cart
• Adding Products to Shopping Cart
• Removing Products from Shopping Cart
• Module 11 (Project)

Project Details
Description You will learn how to develop an
online book store 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, admin will be
responsible for managing books and their
categories. The application will use React
recommended architecture with extensible
approach. We would be using payment gateway to
do online payment and finally publishing it.
Page6
8
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.

• What you will learn through project?
• Creating shopping cart using React.
• Integrating payment gateway.
• Validating data at client side and server side.
• Using Node's Package Manager NPM.
• Scaling web app for Phone, Tablets, and Laptop
  Desktop.
• Securing you application based on user roles.
• Using JS Task runner like Gulp.
• Deploying your app on Github.
• Publishing your app on cloud server.
• Contact Us
• For more information about the course, visit
  www.dotnettricks.com/training/masters-program/reac
  t-redux
• Feel free to call us at 91 9999 123 502 or email
  us at info_at_dotnettricks.com

Page7