Scribd
Upload
281 views

React Training

Uploaded by

Sathish B
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
281 views

React Training

Uploaded by

Sathish B
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

React.

js Training
Table of Contents:
Program Overview Key Learning Outcomes
Program Features Certification Details and Criteria
Delivery Mode Course Curriculum
Prerequisites Course-end Project
Target Audience About Us

Program Overview:
Simplilearn’s React.js Training Course will help you master the fundamentals of React—an
important web framework for developing user interfaces—including JSX, props, state, and
events. This training course dives into Redux, covering topics like reducers, actions, and the
state tree.

Program Features:
52 hours of Blended Learning

30 hours of instructor-led training

One real-life course-end project

Flexibility to choose classes

Industry-recognized course completion certificate

Delivery Mode:
Blended - Online self-paced learning and live virtual classroom
Prerequisites:
For this course, you need to have experience with building front-end web applications with
HTML, CSS, and JavaScript.

Target Audience:
This React.js certification course is designed for web developers who design and build
UI/UX solutions for mobile and web apps and want to design with React as efficiently as
possible using a JavaScript library.

Key Learning Outcomes:


At the end of this course, you will:

Know how to build amazing single-page applications with React and Redux
Learn and apply fundamental concepts behind structuring Redux applications
Realize and appreciate the power of building composable components
Understand and use NPM, Babel, and ES6 JavaScript syntax

Certification Details and Criteria:


Complete at least 85 percent of the course or attend one complete batch

Successful completion and evaluation of any one of the projects


Table of Contents:

Live Virtual Class Curriculum


Lesson 01 - ES6
Introduction Rest and Spread
Array Helper Methods Destructuring
Let and Const Classes
Template Literals Promises
Arrow Functions Fetch
Default Function Parameters

Lesson 02 - Fundamentals of React


Why React? Forms
Rendering UI Component Interaction
Components React Router
Component Lifecycle Events

Lesson 03 - Introduction to Redux


Why Redux?
Core Concepts of Redux

Lesson 04 - React & Redux


The React Redux Node Package
Provider Component
Connecting React Components with Redux Store
Reducer Composition
Normalization: Points to Keep in Mind When Designing a Redux Store
Redux Middleware
Self-Paced Curriculum
Lesson 01 - Course Introduction
Welcome To The Course Course & Projects Outline

Lesson 02 - Getting Started


What Is React Create React App vs Manual Setup
Environment Setup Installing & Using The CLI
ES6 Refresher - Part 1 A Look At The Initial React Files & How
ES6 Refresher - Part 2 They Work
ES6 Refresher - Part 3

Lesson 03 - Components, JSX & Props


Thinking In Components Working With Props
What Is JSX Typechecking With PropTypes
JSX Expressions CSS In React
Creating Your First Component Adding Bootstrap
Functional Components

Lesson 04 - State & The Context API


Changing State From Another Component Creating State
Using The Context API & Provider State Events In React
Adding A Context Reducer For Actions Changing State

Lesson 05 - Working With Forms


Creating A Form With State Uncontrolled Components & Refs
Controlled Components & onChange Form Submit Action To Context
TextInputGroup Component For DRY Code Error Checking & Display
Lesson 06 - React Router v4
React Router Setup 404 Not Found Page
Links, Params & Redirect

Lesson 07 - Lifecycle, HTTP & Deployment


Lifecycle Methods EditContact Component & Fetch Contact
GET Requests PUT Request & Update Action
POST & DELETE Requests Deploy To Github Pages
Using AsyncAwait

Lesson 08 - Learning Redux


A Note On Redux Connecting Components & Dispatching Actions
App Starting Point For Redux Creating A Separate Actions File
Redux Store Setup & Contact Reducer Delete & Add Contact Action

Lesson 09 - Redux Thunk & HTTP


GET Request Dispatch PUT Request & Dispatch
POST & DELETE Request Dispatch Deploy To Apache
Get Single Contact For Edit

Lesson 10 - Client Panel Firebase Project - Part 1


App Intro & Demo Connect Clients Component To Firestore
FirebaseFirestore Setup Add Client To Firestore
Setup & AppNavbar Component Client Details Component
Dashboard, Sidebar & Clients Component Balance Update & Delete
React-Redux-Firebase Setup Edit Client In Firestore

Lesson 11 - Client Panel Firebase Project - Part 2


Login Functionality Settings Component
Logout & Navbar Update Persist Settings To LocalStorage
Route Protection Implementing Settings
Notify State & Alert Component Register Functionality
Settings Reducer & Actions Deploy To Firebase
Course End Project:
Project 1: Building an event finder app in React
Build a React app where users can view and promote upcoming events, set up a JSON server
for testing until backend APIs are ready and finally manage the state using Redux.

About Us:
Simplilearn is a leader in digital skills training, focused on the emerging technologies that
are transforming our world. Our blended learning approach drives learner engagement
and is backed by the industry’s highest completion rates. Partnering with professionals and
companies, we identify their unique needs and provide outcome-centric solutions to help
them achieve their professional goals.

For more information, please visit our website:


https://www.simplilearn.com/react-js-certification-training-course

simplilearn.com

Founded in 2009, Simplilearn is one of the world’s leading providers of online training for Digital Marketing,
Cloud Computing, Project Management, Data Science, IT Service Management, Software Development and
many other emerging technologies. Based in Bangalore, India, San Francisco, California, and Raleigh, North
Carolina, Simplilearn partners with companies and individuals to address their unique needs, providing
training and coaching to help working professionals meet their career goals. Simplilearn has enabled over 1
million professionals and companies across 150+ countries train, certify and upskill their employees.
Simplilearn’s 400+ training courses are designed and updated by world-class industry experts. Their
blended learning approach combines e-learning classes, instructor-led live virtual classrooms, applied
learning projects, and 24/7 teaching assistance. More than 40 global training organizations have recognized
Simplilearn as an official provider of certification training. The company has been named the 8th most
influential education brand in the world by LinkedIn.

India – United States – Singapore

© 2009-2019 - Simplilearn Solutions. All Rights Reserved.


The certification names are the trademarks of their respective owners.

You might also like