Course Category: Software Development
Course Duration: 4 Days
Hours: 28 Contact Hours

Select your country

Select your country to access the registration page

Malaysia

Register Now

Duration: 4 Days
Timing: 9 AM to 5 PM Malaysia Time

Philippines

Register Now

Duration: 4 Days
Timing: 9 AM to 5 PM Philippine Time

Singapore

Register Now

Duration: Duration: 4 Days
Timing: 9 AM to 5 PM Singapore Time

All Other Locations

Register Now

Duration: 4 Days
Timing: 9 AM to 5 PM Philippines/Singapore/Hong Kong Time

Course Background

The workshop objective is to coach the course participants to develop web applications using React 16 by Facebook with Redux and Router.
The course commences with basic explanation of JavaScript features and toolsets as well as browser rendering. The participants then learn the concepts of virtual DOM and how it works with React.

This is an interactive class with the instructor working with the participants through hands-on and through demos on different cases of web development, including specifically creating interactive UIs. Completing this course is expected to enhance the capability of a web developer to new levels using Redux and Router.

Pre-requisite

Participants must have experience of web development and proficiency of JavaScript and DOM.

Target Audience

Web Developers

Software Requirement

Machines installed JavaScript, React, Web

Prerequisites

Participants must have basic level experience with manual web testing. They must be willing to automate tests either using Java or C# or any other supported language. Basic coding knowledge of Java or C# would be useful.

Laptop Requirement

Machines with Selenium Webdriver installed with Java or C# IDE. Selenium Webdriver with Java or C# (or any other supported language) IDE.

Course Agenda

Topics

  • React Intro
  • Ways to use React
  • Hello world
  • Features of JavaScript
  • ESx
  • Browser and DOM
  • create-react-app
  • Anatomy
  • JSX
  • Component
  • Props
  • State
  • Events
  • Composition vs Inheritance
  • Webpack introduction
  • Styling

React

  • Life cycle
  • React events
  • Ajax
  • Functional component
  • Pure component
  • Conditionals
  • Keys
  • Forms
  • State pull up
  • Error boundaries
  • Context
  • Refs
  • Fragments
  • HOC
  • Render prop
  • Performance
  • PropTypes
  • defaultProps
  • Controlled vs uncontrolled
  • Unit testing
  • Server-side rendering

Training and Exam Duration

React Router

  • Setup
  • Routing
  • Single page app
  • Routes
  • Switch
  • Parameters
  • Nesting routes
  • Navigation
  • Redirect
  • Prompt

Redux

  • Need for redux
  • Flux
  • Core ideas
  • Immutablility
  • Action
  • Reducer
  • Store
  • Redux with react
  • Container
  • Anatomy
  • Middleware
  • Thunk

Course Category: Software Development
Course Duration: 4 Days
Hours: 28 Contact Hours