React.js algkursus (e-õpe, inglise keeles)

Koolituse maht: 24 akadeemilist tundi ehk 3 õppepäeva, mille saad endale sobivale ajale jaotada.

Sihtgrupp: This course is for students new to React.js.

Koolitusel osalemise eeldused: Experience in the following is required for this React class: HTML, JavaScript. Experience in the following would be useful for this React class: CSS, Bootstrap.

To complete the training and get a certification you need to pass the quiz 100%.

Koolituse teemad:

In this React.js training class, JavaScript programmers will learn how to use React to create a dynamic web application, based on the math game at Mathificent. Students will use the latest React techniques (functional components and hooks) to build this application.

1. Introduction to React

• What is React?
  1. React is Fast
  2. React is Scalable
  3. React is Reliable
• React Essentials
  1. Rendering in React
• Get Started with Create React App
• Introducing Our Project: Mathificent
• Learning the Structure of a React App
• Test

2. JSX and React Elements

• Using JSX in React
• JSX Rules
  1. JSX Syntax
  2. JSX is an Extension of JavaScript
  3. Using Custom Elements in JSX
  4. Using JavaScript in JSX
• Using JSX
• Test

3. React Components

• Assembling User Interfaces
  1. Understanding F.I.R.S.T
  2. Passing Data with Props
• Breaking an App into Components
• Passing Props Between Components
• Organizing Your Components
• Semantic HTML and the Fragment Element
• Using Fragment
• Destructuring props
• Test

4. React State

• Understanding State
• Getting React to React
• Why is count a Constant?
• Child Components and State
• Adding State
• Test

5. React Routing

• Routing
• Implementing Routes
• Test

6. Styling React Apps

• Plain-old CSS
• Importing CSS Modules to Components
• Cleaning Up App.css
• Styling the Main Component
• Inline Styles
• Creating the Game Component
• A Word of Caution
• Test

7. Implementing Game Logic

• Setting the Equation
• Getting the User’s Answer
• Checking the User’s Answer
• Creating the Timer
• Test

8. React Effects

• React Hooks
• The useEffect Hook
• The Need for useEffect
• useEffect to the Rescue
• Mount and Unmount
• Passing Functions to State Variable Setters
• Fixing the Timer
• Catching Keyboard Events
• Building and Deploying Your React App
• Test

9. Errors and Exceptions

• Runtime Errors
• Completely Unhandled Errors
• Globally Handled Errors
• Structured Error Handling
• Try/Catch
• Test

Koolituse eesmärk

The main purpose of this e-course is to give students a good understanding of the basics of React.js.

Koolituse õpiväljundid

After completing this course, students will:

• Learn about the benefits of writing user interfaces with React.
• Learn how data flows in a React user interface.
• Learn how to write a React component.
• Learn what a virtual DOM is.
• Learn to use Create React App to make your first React user interface.
• Learn the role of JSX in React.
• Learn how JSX is different from HTML.
• Learn how to use expressions in JSX.
• Learn about best practices for writing React components.
• Learn how to pass data between components with props.
• Learn what “state” is in React.
• Learn how to create stateful variables.
• Learn how to update state.
• Learn how to implement routing in a React application.
• Learn how to style React components and applications.
• Learn to work with your new React skills.
• Learn what purpose hooks serve.
• Learn how to use the useEffect hook.

Koolitus toimub e-õppe keskkonnas, kuhu saab siseneda isikliku kasutajanime ja parooliga. Need saadetakse Teile pärast koolitusarve tasumist või erikokkuleppel.

Täienduskoolituse õppekavarühm: Tarkvara ja rakenduste arendus ning analüüs