fbpx

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.

Tags: , ,

Kuupäev

jaan. 11 2020 - jaan. 12 2020

Hind

390€ +km
Registreeri

Koolitaja