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

FE407

React Web

Barcelona Campus
Feb 19, 2024 - Mar 08, 2024
This course will teach you the fundamentals of React as well as dive into the overall React ecosystem.
Barcelona Campus
Feb 19, 2024 - Mar 08, 2024
Thorey Jona Gudjonsdottir

Faculty

Thorey Jona Gudjonsdottir

Software Developer at Aranja

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

Routing ConceptsReact AnimationsState ManagementData FetchingVarious Approaches for StylingReactWorking with Forms
OverviewCourse outlinePrerequisitesMethod & grading

Overview

There's a good reason why React is the most popular JavaScript framework worldwide. It has managed to create a nice encapsulation of UI components that can be easily reused. It's not only utilised for web development but also for making mobile apps, games, and more.

In this course, we’ll cover the fundamentals for beginners. Students will learn about master components, state and props, how to navigate with React Router, and explore styling and animations. Students will take part in practical projects to create dynamic web applications.

Learning highlights

  • What is React, and why is it so popular?
  • Learn the fundamentals of React.
  • Different methods of managing states in React
  • Styling and animations

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

Intro

  • Javascript fundamentals
  • Intro to React
  • JSX
Tuesday
2

Hooks

  • What are hooks?
  • State
  • Refs
  • Effects
Wednesday
3

Styling

  • CSS in JS
  • Styled Components
  • Theming
Thursday
4

Animations

  • Native animations
  • Lifecycle animations
  • Spring animations
Friday
5

Practice session

Practice session

Monday
6

Forms

  • Forms Controlled vs uncontrolled components
  • Handling user input
  • Form libraries
Tuesday
7

Data fetching

  • Network requests
  • Data fetching libraries
Wednesday
8

Routing

  • React Router
  • Query/Search Params
Thursday
9

Advanced Animations

  • Framer Motion
Friday
10

Practice session

Practice session

Monday
11

State Management

  • Context
  • Reducers
  • State management libraries
Tuesday
12

Design Systems

  • Open source design systems
  • Accessibility
  • Make your own design system
Wednesday
13

Tooling

  • Javascript tooling
  • React dev tools
Thursday
14

Legacy Code

  • Class components
  • Context API
Friday
15

Final Project Presentation

Final Project Presentation

Prerequisites

Basic understanding of HTML and CSS.

Basic knowledge of JavaScript and programming.

Basic understanding of the DOM.

Methodology

Classes will be a mix of slides and demos, with some spare time to work on homework or projects. Homework will be given at least two days a week. Weekly project 1 will be presented in front of the class on Monday in week 2, and the final project will be presented on the last Friday of the course. (There will be no presentation of Weekly Project 2 since the Final Project will be built on top of that.)

Grading

The final grade will be composed of the following criteria:
30% - Weekly evaluations
20% - Homework
50% - Final project
Thorey Jona Gudjonsdottir

Faculty

Thorey Jona Gudjonsdottir

Software Developer at Aranja

Þórey is a Front-End Developer at Aranja, a digital agency renowned for its expertise in front-end development for websites and apps. For the last four years, Þórey has dedicated herself to crafting digital experiences using React and React Native. Her recent focus has been on a long-term project for the Blue Lagoon, where her main focus has been on implementing multiple reusable features that have enhanced the user experience on their website. In addition to this, she was in the early development team of the Hopp app - a groundbreaking platform for sustainable transportation, encompassing e-scooters, electric cars, and taxis. However, Þórey's journey into the world of programming was not a conventional one. She was not introduced to it until the end of her second year of university, where she discovered her passion for coding and technology. Her personal experience has inspired her to become a dedicated advocate for increasing female representation in the programming field. Þórey firmly believes in empowering more women to explore and excel in the world of programming, fostering diversity and innovation within the tech industry.

See full profile

Apply for this course

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

React Web

by Thorey Jona Gudjonsdottir

Total hours

45 Hours

Dates

Feb 19 - Mar 08, 2024

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.