Enter your keyword

Class

Dates GTR Venue Class Time (Eastern) Price Qty Action
Feb. 25-Mar. 01, 2019 GTR LIVE Online
9:00 am to 5:00 pm
$2,995.00 (USD)   
GTR Class is Guaranteed to Run

  • February 25, 2019 - March 1, 2019
    9:00 am - 5:00 pm

About this Course

REACT: Introduction to React JavaScript Training is a 5-Day course with expert developer instructor Judy Lipinski. You’ll get an in-depth introduction to React.js. This is one of the most popular JavaScript libraries for building user interfaces. You’ll learn the fundamental concepts of React while learning best practices for building fast interactive user interfaces. In addition, this is hands-on, formalized training. You will leave class with experience in using the key concepts of React.

Judy Lipinski is the course instructor. She has over 20 years of experience in software development, architecture, and project management. Also, Judy demonstrates repeated success in managing projects and programming with Java, Oracle, Web Development, and Mobile Development.

Audience Profile

This course is designed for developers who wish to be introduced to the fundamentals of web development using React.

At Course Completion

After successfully completing this course, students will be able to:
● Leverage Modern JavaScript techniques, including modules, and use of Node JS
● Create a React application quickly, and understand its architecture
● Understand the fundamental concepts of React
● Leverage tools to debug and lint code
● Familiarization with React.js’s components
● Work with JSX
● Create and execute tests against React Application

Outline

1. Introduction to React

  • State of application development: web, mobile, tv, desktop
  • Why use React?
  • Basics of using VS Code editor
  • Git basics: Download course solutions and demos

2. Overview of Modern JavaScript & Tools

  • Essential aspects of EcmaScript 2015 (ES6)
  • Using const and let
  • Arrow functions
  • Classes and Modules
  • Transpiling from ES6 to ES5 with Babel
  • Review and Execute Node projects
  • Browserify, Webpack, Immutable.js

3. Fundamental React concepts

  • Virtual DOM
  • Exploring project directories and files
  • Understanding React project dependencies
  • React and React.DOM.*
  • Special DOM attributes
  • Basics of components
  • Using the optional JSX

4. React Development

  • Using Create React App
  • Using build tools and Running React projects
  • Code Analysis with ESLint
  • Debugging in VS Code
  • Installing and using React Developer Tools
  • Rendering Elements
  • Using built-in components
  • Nesting components

5. Creating Components

  • Hierarchies of React components
  • Creating a basic component with React.createClass
  • Passing properties from parent to child
  • When to use “props” and when to use “state”
  • Using component with React.createElement
  • Storing and Accessing state

6. JSX

  • Why JSX?
  • Scoping
  • Specifying attributes
  • Empty and child tags
  • Preventing XSS (cross-site-scripting) attacks
  • Precompiled JSX

7. Component’s State and Lifecycle

  • Using constructors
  • Component’s lifecycle methods
  • Mounting methods
  • Updating methods
  • Unmounting methods
  • Validating against expected properties
  • Setting defaults
  • Conditional Rendering
  • Lists and Keys

8. Event Handling in React

  • Synthetic events system
  • Attaching Event Handlers
  • Passing Arguments to Event Handlers
  • Rendering Based on State
  • Updating State

9. Routing with react-router

  • Creating our routes
  • Matching paths
  • Navigating between pages
  • Nesting Routes
  • Capturing Path Params
  • Route Prefixing
  • Defining the root of your app

10. Forms

  • Differences between Controlled and Uncontrolled
  • JSX and Forms
  • Using form events
  • Controlling data input with Controlled form components
  • How React.js changes the interface of some form components
  • The importance of using the name attribute
  • Creating custom form components
  • Dealing with multiple Controlled form components
  • Leveraging control of focus
  • Best practices for creating usable forms

11. Testing

  • Types of Testing
  • Assertions
  • Jasmine and Karma
  • Creating test suits, specs, and expectations
  • Installing and running Jest
  • Testing React components

Prerequisites

At a minimum, this course requires an understanding of HTML and JavaScript – to the point of understanding functional programming and callbacks. Experience with CSS is helpful, but not essential.

Venue:  

Address:
Online Event

Description:

Live Online Training

Get the same training you expect in the classroom without leaving your office or home. These are NOT recorded classes. They are LIVE sessions with an expert instructor. We use the latest in video conferencing technologies and audio so you can confidently participate in any class just like being right there in person. We guarantee the effectiveness of our online training delivery approach that we will give you your money back if you are not totally satisfied.  Ask us for a demo.

Online class requirements:

  • Moderate to fast Internet
  • Phone, or Speakers or headset (required in order to hear the instructor/moderator). You can use Voice Over IP (VoIP) or you can dial-in from a regular phone.  Whether you decide to use VoIP or a phone, for convenience, we recommend a hands free headset.
  • Training software must be installed on your computer (30 trial versions are acceptable)
  • RECOMMENDED: Dual Monitors or computers. For optimal online learning experience, we recommend participants have dual monitors or dual computers. Your online classroom credentials allow you to login multiple times from multiple computers. Participants should use one monitor or computer to view instructor/moderator shared screen and another monitor/computer to work in the software.

What happens when you enroll in an online class

When you register for an online class, you will receive a welcome email followed by login access to the Citrix GoToTraining virtual classroom. A workbook (printed copy or eBook) will be sent to you prior to the start of class.

Online Training Advantages

Convenience: You don’t have to travel and can attend from your home, office or anywhere with an internet connection. Our online classes are conducted using GoToTraining, a more robust version of the popular GoToMeeting screen sharing and conferencing platform. To accommodate multiple time zones, courses are typically scheduled from 10am – 5pm Eastern with a one-hour lunch break at 12:30 – 1:30 pm Eastern and a 10-minute break in the morning and afternoon. When conducting custom online course for your group, class times can be modified to accommodate your timezone.

Interactive Learning: Our online training is fully interactive. You can speak and chat with the instructor and classmates at any time. Various interactive techniques are used in every class. Our  small class sizes (typically 4 – 8 students), allow our instructors to focus on individual performance and issues and to work closely with you to meet your unique needs. Classes are designed to be a hands-on learning experience, providing opportunities for you to try your new skills while the instructor is available for review, questions, and feedback. You have the option to give the instructor permission to view your computer to provide one-on-one assistance when needed.