icon icon

React.js

icon

Training process

Training needs analysis

If you have specific requirements regarding the training programme, we will carry out a training needs analysis for you. This will guide us on which aspects of the programme should receive greater emphasis, so that the training programme meets your specific needs.

What will you gain?

icon

Efficient setup - You will configure Node.js, Visual Studio Code, and the required extensions, so after the course you can launch React projects on your own and work in a setup ready for daily development.

icon

Clear DOM understanding - You will understand how the HTML DOM represents page elements and how rendering works, making it easier to connect browser behavior with what React updates in the interface.

icon

Solid JavaScript base - You will strengthen your grasp of data types, classes, prototypes, arrow functions, generators, and promises, so your React code will rest on reliable JavaScript fundamentals.

icon

Confident component design - You will learn how to structure components, pass props, and manage state, so you can build clean interfaces instead of mixing view code, data handling, and logic in one place.

icon

Data flow control - You will practice data flow, lifecycle behavior, and Hooks, so you can better understand when components re-render, where data comes from, and how to avoid subtle runtime issues.

icon

Dynamic forms - You will build React forms with event handling and validation, allowing you to create screens that respond correctly to user actions and reduce errors during data entry.

icon

App navigation - You will master routing and dynamic components, so you can design applications built around screens and user paths instead of limiting yourself to a single static view.

icon

Better performance - You will learn practical React optimization techniques, helping you reduce unnecessary rendering and build applications that stay responsive even as features and complexity grow.

Training programme

1. Introduction to React.js

  • installation of node.js,
  • installation of Visual Studio Code,
  • extensions for VS Code,
  • installation of libraries.

2. HTML DOM

  • objects,
  • rendering of HTML files.

3. JavaScript

  • data types,
  • JS programming - basics,,
  • object-oriented programming in JS, classes, prototype, …,
  • arrow functions,
  • generators,
  • promises.

4. React

  • installation and basics of operation,
  • ReactJS libraries,
  • component structure, displaying static data,
  • JSX and JavaScript – transformations,
  • HTML tags and ReactJS components – relationships, similarities, differences,
  • properties (Props) and states (States),
  • DataFlow in ReactJS,
  • life cycles,
  • Hook,
  • Routing,
  • dynamic Components and forms,
  • events in forms and their handling,
  • form validation,
  • performance and optimization of applications in ReactJS,
  • practical exercises.

What are the prerequisites for participating in the training?

icon

Basic computer skills - You should be comfortable using your computer, installing software, navigating folders, and launching applications, because the course begins with setting up development tools.

icon

Basic HTML knowledge - You should understand HTML document structure, the role of common tags, and how a simple page is built, because the course refers to the DOM and view rendering.

icon

Basic JavaScript knowledge - You should know JavaScript syntax, variables, conditions, loops, and functions, because the course expands these topics into OOP, promises, and React-focused patterns.

icon

Working in a code editor - You should be able to open a project in a code editor, find files, and make simple changes, so during exercises you can focus on React instead of learning the tool itself.