FE409
Front-End Frameworks
Faculty
Victor Landim
Senior Software Engineer at X-Team
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
Understanding front-end frameworks is an essential part of modern software development, as they provide proven patterns, structure, and tooling for building scalable and robust web applications. They’re widely used across the industry, and most front-end roles now expect developers to be comfortable working with at least one framework in a professional environment.
This course provides an overview of the latest frameworks and technologies used for a modern front-end setup. Students will learn to compare and contrast options, then make an educated decision on a setup that will be used throughout the remainder of the programme.
Learning highlights
- Why are front-end frameworks needed for web development?
- Learn what goes into building interactive, high-quality user experiences.
- Understand the latest web frameworks and compare their strengths and weaknesses.
- Practise modern web techniques from setup to deployment.
- Use code-quality tools to measure performance, keep consistent style and prevent common bugs.
- Apply known design patterns within a framework structure.
- Be able to choose and judge a framework based on their own acquired experience.
- Have a solid personal setup that can be used and refined throughout the programme.
Course outline
15 classes
Introduction
- Web development life cycle.
- Setting up your IDE.
- Package management.
- Linting and useful configurations.
- Git fundamentals.
- Exercise.
Frameworks
- Vanilla javascript (no framework).
- Why are frameworks useful?
- React.
- Vue.
- Svelte.
- Other frameworks.
- Exercise.
Testing (JS + React)
- Methodologies.
- Debugging.
- Unit testing.
- Writing unit tests.
- Exercise.
Practice session
- Practice session
Deploying
- Dev ops.
- Webhooks.
- Automated deployments.
- Hosting.
- Github Actions.
- Exercise.
Practice session
- Practice session.
Static and dynamic sites
- Overview.
- Front-end & Back-end functionalities.
- Vite (SPA).
- Gatsby (SSG).
- NextJS (SSR).
- Remix (SSR).
- Exercise.
Design tools
- Figma for developers.
- Common design to development tasks.
- Exporting code.
- Web design tools.
- Exercise.
Documentation
- Good practices.
- Style guides.
- Storybook.
- Component libraries.
Performance profiling
- Rendering basics.
- Performance metrics.
- Lighthouse.
- React Profiler.
- Bundle analysis.
- Web Vitals.
- Optimisation steps.
End-to-end automated testing
- Playwright.
- Framework agnostic.
- Common practices.
Practice session
- Practice session.
Putting it all together
- Recap.
- Project brief.
- Choosing a front-end tech stack.
- Requirements for the setup.
- Building and deploying.
- Style guide and documentation.
Practice session
- Practice session.
Final presentation
- Final presentation.
Course materials
Media
Prerequisites
HTML, CSS and JS knowledge.
Shell basics and Git.
Methodology
Lectures and demonstration format.
Group debates where we will discuss problem-solving techniques.
A Discord channel will be open to students.
Homework presentation at least two days a week.
Final project.
Grading
Victor is an experienced front-end engineer specialising in React, Next.js, and high-traffic web applications, currently working at Beachbody through X-Team.
He has worked across small start-ups and enterprise-level companies, often acting as a bridge between design, product, and engineering. Victor is drawn to the visual side of the web, exploring effects, animations, and transitions, and using that interest to inform his approach to modern web development.
See full profileApply for this course
Front-End Frameworks
by Victor Landim
Total hours
45 Hours
Dates
Mar 16 - Apr 03, 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.