Course Category: Software Development
Course Duration: 4 Days
Hours: 28 Contact Hours
Select your country to access the registration page
Malaysia
Duration: 4 Days
Timing: 9 AM to 5 PM Malaysia Time
Philippines
Duration: 4 Days
Timing: 9 AM to 5 PM Philippine Time
Singapore
Duration: Duration: 4 Days
Timing: 9 AM to 5 PM Singapore Time
All Other Locations
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