GK0781, Beginning Frontend Development with React Skip to main Content

Beginning Frontend Development with React

  • Course Code GK0781
  • Duration 1 day

Course Delivery

Public Classroom Price

eur645,00

excl. VAT

Request Group Training Add to Cart

Course Delivery

This course is available in the following formats:

  • Public Classroom

    Traditional Classroom Learning

  • Virtual Learning

    Learning that is virtual

Request this course in a different delivery format.

Course Overview

Top

This is a 1-day course packed with the perfect balance of theory and hands-on activities that will help you get started with React.

React is widely used to create fast and reusable user interface components. It has been remarkably successful in recent years, since it is easy to use and offers a coherent design model.

React's ease of use depends on an actual understanding of the core concepts of the library. By exploiting these concepts, you can build a high-quality design interface.

You'll find helpful tips and tricks, as well as useful self-assessment material, exercises, and activities to help benchmark your progress and reinforce what you’ve learned.

Course Schedule

Top
    • Delivery Format: Virtual Learning
    • Date: 02 August, 2024
    • Location: Virtual

    eur645,00

Target Audience

Top

You should have a strong JavaScript background, ES2015 or later, along with knowledge of HTML.

Basic knowledge of Node.js may be useful for managing the local development environment, but it is not mandatory.

Course Objectives

Top

This course begins with the introduction of basic concepts of ReactJS library and takes you to building complex user interfaces. Here are the important topics that this course will cover: 

  • Create components and combine them together to build other components
  • Use JSX declaratives to describe how a component should look
  • Manage a component's internal state
  • Manage interaction events
  • Exploit component lifecycle events
  • Manage navigation between high-level components
  • Design user interfaces by making the most of React's features

Course Content

Top

Lesson 1: Introducing React and UI Design

  • What is React?
  • How to Set Up a React-Based Application
  • How to Design a UI

Lesson 2: Creating Components

  • Definition of a Component
  • Using JSX
  • Composing Components
  • Data Propagation
  • Managing the Internal State

Lesson 3: Managing User Interactivity

  • Managing User Interaction
  • Component Lifecycle Events
Managing Routing
Cookie Control toggle icon