Studies
Admissions
The Institute
Resources
Studies
Admissions
The Institute
Resources
Studies
Admissions
The Institute
Resources

FE408

React Web

Barcelona Campus
Feb 23, 2026 - Mar 13, 2026
Students will explore React’s core mental model, component architecture, and ecosystem, while learning how to structure, scale, test, and deploy real-world applications.
Barcelona Campus
Feb 23, 2026 - Mar 13, 2026
Christopher Baker

Faculty

Christopher Baker

Full Stack Developer

Course length

3 weeks

Duration

3 hours
per day

Total hours

45 hours

Credits

6 ECTS

Language

English

Course type

Offline

Fee for single course

€1500

Fee for degree students

€750

Skills you’ll learn

TestingReactProject DebuggingReact ApplicationsReact Patterns
OverviewCourse outlinePrerequisitesMethod & grading

Overview

This course provides a comprehensive introduction to building modern web applications with React. Students will explore React’s core mental model, component architecture, and ecosystem, while learning how to structure, scale, test, and deploy real-world applications. The course emphasises conceptual understanding and practical decision-making, preparing students to work effectively within professional React codebases.

Learning highlights

  • Understand and apply React’s core mental model, including components, hooks, and rendering behaviour.
  • Design and organise React applications with clear boundaries and scalable architecture.
  • Manage state, user input, and asynchronous data in a predictable and maintainable way.
  • Work effectively with modern React tooling for routing, styling, testing, performance, and deployment.
  • Evaluate React libraries, frameworks, and patterns to make informed technical decisions.

Course outline

15 classes

Dive into the details of the course and get a sense of what each class will cover.
Monday
Tuesday
Wednesday
Thursday
Friday
Monday
1

Session 1

  • Introduction & Course Overview
Tuesday
2

Session 2

  • React Core
Wednesday
3

Session 3

  • Application Architecture & Code Organisation
Thursday
4

Session 4

  • Events, User Interaction & Forms
Friday
5

Session 5

Developer Experience

Monday
6

Session 6

  • Routing & Application Structure
Tuesday
7

Session 7

  • Styling
Wednesday
8

Session 8

  • State Management
Thursday
9

Session 9

  • Data Fetching & Async State
Friday
10

Session 10

Review and Practice

Monday
11

Session 11

  • Testing
Tuesday
12

Session 12

  • Error Handling & Edge Cases
Wednesday
13

Session 13

  • Design Patterns & Design Systems
Thursday
14

Session 14

  • Accessibility
Friday
15

Session 15

Deployment & Operations

Prerequisites

Students should be comfortable with the fundamentals of web development, including:

* HTML and CSS, including basic layout and styling concepts.

* JavaScript fundamentals (variables, functions, arrays, objects, and control flow).

* Modern JavaScript syntax (ES6+), such as arrow functions, modules, and destructuring.

* Basic familiarity with developer tools, such as using a code editor, running commands in a terminal, and inspecting applications in the browser.

No prior experience with React is required, but prior exposure to JavaScript frameworks or libraries will be helpful.

Methodology

This course places a strong emphasis on case studies and hands-on labs, ensuring that students graduate with both theoretical knowledge and practical skills.

Grading

The final grade will be composed of the following criteria:
20% - Participation - asking and answering questions, polls, debugging, etc
40% - Exercises - completion of hands-on exercises in class and homework
40% - Project - creation of personal project over the course
Christopher Baker

Faculty

Christopher Baker

Full Stack Developer

Christopher J. Baker began coding in his youth, growing up in a farming community, and his passion for technology has only deepened over 24 years of programming and 12 years of professional experience. Most recently serving as Director of Frontend Technology, Christopher specializes in software architecture, API design, and data processing and analysis. His career spans diverse industries, including fintech, gambling, fast food, and e-commerce, across a wide variety of projects, from open source to startups to fortune 10 companies.

A dedicated mentor and trainer, Christopher has taught and inspired others throughout his career. Recently, he has expanded his efforts through international talks, workshops, and training sessions. Beyond technology, Christopher applies his analytical mindset to his hobbies, such as culinary experimentation and tabletop role-playing games, showcasing his creativity and love of exploration.

See full profile

Apply for this course

Snap up your chance to enroll before all spaces fill up.

React Web

by Christopher Baker

Total hours

45 Hours

Dates

Feb 23 - Mar 13, 2026

Fee for single course

€1500

Fee for degree students

€750

How to secure your spot

Complete the form below to kickstart your application

Schedule your Harbour.Space interview

If successful, get ready to join us on campus

FAQ

Will I receive a certificate after completion?

Yes. Upon completion of the course, you will receive a certificate signed by the director of the program your course belonged to.

Do I need a visa?

This depends on your case. Please check with the Spanish or Thai consulate in your country of residence about visa requirements. We will do our part to provide you with the necessary documents, such as the Certificate of Enrollment.

Can I get a discount?

Yes. The easiest way to enroll in a course at a discounted price is to register for multiple courses. Registering for multiple courses will reduce the cost per individual course. Please ask the Admissions Office for more information about the other kinds of discounts we offer and what you can do to receive one.