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?
- React is Fast
- React is Scalable
- React is Reliable
- React Essentials
- 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
- JSX Syntax
- JSX is an Extension of JavaScript
- Using Custom Elements in JSX
- Using JavaScript in JSX
- Using JSX
- Test
3. React Components
- Assembling User Interfaces
- Understanding F.I.R.S.T
- 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
Koolitaja
-
Koolitajata