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
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: LIVE Online
Address:
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
- A phone or computer headset is required in order to hear the instructor/moderator). You can use Computer Audio (VoIP) or you can dial in from a regular phone. For convenience, we recommend a hands-free headset or phone.
- Training software must be installed on your computer (trial versions are acceptable)
- RECOMMENDED: Dual Monitors or computers. For optimal online learning experience, we recommend participants have dual monitors or two computers. Your online classroom credentials allow you to join multiple times from multiple computers. Participants should use one monitor or computer to view the instructor’s shared screen and another monitor or computer to work with 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.
