FE409
React Web
Faculty
Ægir Thorsteinsson
Co-founder of Aranja and Hopp
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
React is the most used JavaScript framework in the world and there is a good reason for it. It has managed to create a nice encapsulation of UI components that can be easily reused. It's not only used for web development but also for making mobile apps, games and more.
This course will teach you the fundamentals of React as well as dive into the overall React ecosystem.
Learning highlights
- Understand what makes React different and why
- Learn React fundamentals
- Discover different ways of managing state
- Work with data and APIs using React
Course outline
15 classes
Session 1
Intro
- Intro to React and JSX
- Thinking in React
- Components
Session 2
React Tooling
- JS Modules
- JavaScript Tooling
- React dev tools
Session 3
Hooks
- Intro to hooks
- State
- Refs
- Effects
- Lifecycle
Session 4
Forms
- Event handling
- Handling user input
- React-hook-form
Session 5
Practice session
Session 6
Data fetching
- Network requests
- Fetch hook libraries
Session 7
Routing
- Router libraries
- Query params
Session 8
Styling
- CSS in JS
- Styled Components
- Theming
- Basic animations
Session 9
State management
- Context
- Reducers
Session 10
Practice session
Session 11
Design systems
- Open source design systems
- Make your own
Session 12
Accessibility
- Keyboard navigation
- Screen readers
Session 13
Testing
- Testing libraries
- Snapshots testing
Session 14
Legacy code
- Class components
- Context API
- Redux
Session 15
Final project
Prerequisites
Basic understanding of HTML & CSS
Basic knowledge of JavaScript and programming
Basic understanding of the DOM
Basic understanding of ES6 syntax and features
Methodology
Lectures with a mix of slides and demos. Homeworks at least twice a week. Weekly project after which class time is devoted to project presentations and feedback.
Grading
Ægir is a Front-End Developer and co-founder at Aranja, a digital agency based in Reykjavik, Iceland, specializing in front-end development for websites and apps. With over two decades of experience, he began his career as a Front-End Developer at the age of 16 and has continually embraced the evolving web platform to deliver cutting-edge solutions.
He has worked on high-profile projects for industry leaders like Google, Facebook and Dropbox, with recent projects focusing on React.
See full profileApply for this course
React Web
by Ægir Thorsteinsson
Total hours
45 Hours
Dates
Apr 11 - Apr 29, 2022
Fee for single course
€1500
Fee for degree students
€750
Explore related courses
React Native
Jul 11 - Jul 29, 2022
To be announced
Coming soon
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.