FE407
React Web

Faculty
Thorey Jona Gudjonsdottir
Software Developer at Aranja
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
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
Intro
- Javascript fundamentals
- Intro to React
- JSX
Hooks
- What are hooks?
- State
- Refs
- Effects
Styling
- CSS in JS
- Styled Components
- Theming
Animations
- Native animations
- Lifecycle animations
- Spring animations
Practice session
Practice session
Forms
- Forms Controlled vs uncontrolled components
- Handling user input
- Form libraries
Data fetching
- Network requests
- Data fetching libraries
Routing
- React Router
- Query/Search Params
Advanced Animations
- Framer Motion
Practice session
Practice session
State Management
- Context
- Reducers
- State management libraries
Design Systems
- Open source design systems
- Accessibility
- Make your own design system
Tooling
- Javascript tooling
- React dev tools
Legacy Code
- Class components
- Context API
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
Þó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 profileApply for this course
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.



