React.js

A Web Framework for Larger Applications

In this course we will use the JavaScript framework React.js to build more complex interactive web applications. The course is for advanced beginners who already know JavaScript.

We will discover the web framework React and do a deep dive into its features and tools. We will build many example applications and discover all the different aspects of the React library. The most important learning of this course will be to start thinking in reusable components when building your web application.

In this course we will build applications with React. We will cover the following topics:

  • Introduction to React
    • Modern JavaScript, ES6 and beyond
    • The React framework
  • React projects
    • npm and dependency management
    • create-react-app
    • Components
    • JSX
  • React foundations
    • State
    • Props
    • Hooks
    • Lifecycle of Components
    • Async React
  • Single Page Applications (SPAs)
    • Front-end vs. back-end
    • Routing
    • Network communication (with Axios)
  • Practical Project
    • Porting a project to React
    • Structure: Reusable Components and CSS
    • DOM interactions
    • Integration of 3rd-party libraries
    • Deployment
  • Architecture
    • Flux pattern
    • Redux (store, reducers and selectors)
  • Styling
    • CSS in JS and alternatives
    • styled-components

Goal

At the end of this course you will have implemented your own React.js website and will be able to use this for your own projects. You have gained deeper insights into the JavaScript ecosystem and state-of-the-art tools for web development.

Prerequisites

This course is for advanced beginners who know JavaScript, HTML and CSS, or who took our courses HTML and CSS, Learn to Code, JavaScript for Web Development and Node.js.

This course is a continuation course of JavaScript for Web Development. But if you already have the necessary knowledge of JavaScript, it is not a requirement to have done that course.

Methodologies

Classroom teaching with hands-on exercises and a practical project.
You need to bring your laptop to this course.

Class at Hamburg Coding School

Schedule

Next Sessions 24 hours
Date Time
Mon, 17. May 6pm - 9pm
Wed, 19. May 6pm - 9pm
Fri, 21. May 6pm - 9pm
Wed, 26. May 6pm - 9pm
Fri, 28. May 6pm - 9pm
Mon, 31. May 6pm - 9pm
Wed, 02. June 6pm - 9pm
Fri, 04. June 6pm - 9pm

Teacher

Everything at a Glance

pin

Location

Die Diele, Borselstraße 7, 22765 Hamburg
calendar

Schedule

8 sessions of 3hrs; Mondays, Wednesdays, Fridays, 1800-2100h
class

Course size

Up to a maximum of 8 participants
certificate

Certificate

Hamburg Coding School React.js Certificate of Participation
globe

Language

English
gift

Included

WiFi, drinks and course materials
React.js
17.5.2021 - 4.6.2021
€ 2,100
incl. 19% VAT
This ticket includes the admission to the course.
buy now
Customer Service, Marketing: Eva Louise Dressel
Customer Service, Marketing

Any questions?

Write an email to Eva. She will get back to you as quickly as possible.
eva@hamburgcodingschool.com