Studies
Admissions
The Institute
Resources
Studies
Admissions
The Institute
Resources
Studies
Admissions
The Institute
Resources
BARCELONA / BACHELOR

Front-end Development

Where programming and creativity collide to build intricate, inventive and interesting web interfaces.
Duration
3-4 Years
Location
BCN
Language
English
Type
Bachelors
Commitment
Full-time
ECTS
180

OFFER

WOMEN IN TECH

Save €5,000 in tuition

by enrolling before March 31stLearn More

Overview

A successful web developer requires more than just coding skills to thrive and innovate in the real world. The Front-End Development programme provides a unique environment for students to explore creative coding based on a strong design foundation.

Over the duration of the three-year programme, there are three levels of achievement. The first is a foundation in programming, interactive web design, and how to approach a career as a designer. In the second year, the core of the programme, students learn and practice popular frameworks such as React and ThreeJS, learning advanced skills that will set them apart professionally. The third year of the programme immerses students in different development challenges and instils familiarity with the concept of "full-stack" development. Students leaving this course will be ready for the competitive market and capable of joining the most creative agencies and startups.

ROLLING ADMISSIONS — START ANYTIME!

We welcome you to start your transformative journey with us, no matter the season. With year-round admissions, you can join our Barcelona intake every three weeks or plan for our fixed start dates in Bangkok. Choose the timing that works best for you!

Application Period

Year Round

Start Date

Every Three Weeks

TWO MODES OF STUDY

Choosing to study a Applied bachelor's is a big step and commitment. At Harbour.Space, we offer two study modes to fit different goals and paces. Whether you prefer

APPLIED BACHELOR

4 years/Full-time/180 ECTS

Choose the four-year Work & Study option to balance your academic goals with practical work experience. This extended format is designed for students who want to integrate longer periods of employment with their studies, enhancing their resumes and applying classroom theories in real-world business settings as they learn.

Yearly tuition

All Students

14.900

Women in Tech: Save €5,000 in tuition by enrolling before March 31st.

BACHELOR

3 years/Full-time/180 ECTS

Opt for our three-year full-time study to fully immerse yourself in your education. This focused approach allows you to absorb knowledge and develop skills at a consistent pace, effectively preparing you for early opportunities. As part of this programme, you are also required to complete a 12-week internship, integrating practical experience with your academic studies.

Yearly tuition

International

19.900

Spanish & Thai

9.950

50% OFF

19.900

Programme structure

1 year

The first year of this curriculum gives students a foundational understanding of programming with design in mind, especially interactive programming. Students learn programming languages such as Python and gain practice working with algorithms for problem-solving and history of the web. Interactive design skills and advanced web programming are introduced, including animations and motion on the web, JavaScript, and CSS.

Year one of the curriculum also covers web development's practical aspects as a career, including practice with web tooling and setup, collaboration, ethics, project management, and English for the industry. This year culminates in the first of three self-initiated personal projects designed to engage creativity and innovation while testing skills learned so far.

Topics

  • Programming I
  • Algorithms
  • History of Web — From Present to Future
  • Shell Basics and GIT as a Version-Control System
  • Design I
  • Programming II
  • Design II
  • CSS Foundation
  • Animations and Motion on the Web
  • Programming III
  • Web Tooling and Modern Setup
  • Effective Teamwork Collaboration
  • Ethics on the Web
  • Project Management and Agile Methodologies
  • English for the Industry
  • Development as a Job
  • Personal Project
More

2 year

Students dive into the core of the programme in year two, with advanced programming courses and an introduction to popular frameworks such as React and ThreeJS. Courses will cover web performance issues that constrain design in the real world, with a deep dive into React, the most popular JavaScript UI framework today.

This year's course is core and lays a strong foundation in design, with courses on prototyping and user-centered design, 3D modelling and WebGL, and has a more in-depth focus on motion design. A second personal project is completed and presented for critique and debate.

Topics

  • React Web
  • Semantics and Accessibility
  • CSS Applied in Real Projects
  • RWD
  • JavaScript Frameworks
  • Web Performance
  • React Web II
  • Prototyping and User-Centered Design
  • Design III
  • Introduction to 3D and WebGL
  • Client Project
  • Personal Project
More

3 year

Year three rounds out the programming cycle, with more advanced topics and some back-end immersion. Critical thinking is brought in to discuss design patterns, and more complex skills build around DevOps and mobile-native programming. Year three also covers the emerging technologies of today, including machine learning and WebXR. However, the exact subject matter changes every year, depending on the advancement of technology.

Students also take courses on applied math and physics, WebGL, progressive web apps, and more in the final year. In addition to a third personal project, students complete a client project for real-world practice before embarking on a career as a web developer. By graduation, they're comfortable with various challenges and agile in their approach to learning new things.

Topics

  • Design Patterns
  • Introduction to Backend Programming
  • Back-End API Development
  • DevOps
  • React Native
  • Introduction to Machine Learning
  • WebXR
  • Applied Math and Physics
  • 3D Modelling and WebGL
  • Progressive WebApps
  • Client Project
  • Personal Project
More

OFFER

WOMEN IN TECH

Save €5,000 in tuition

by enrolling before March 31stLearn More

Faculty

Front-end Development

We're delighted to introduce some of our excellent teachers. Keep track of more news about who's coming to share their expertise at Harbour.Space on our Twitter and Facebook.

Programme leadership

Hjörtur Hilmarsson

Hjörtur Hilmarsson

Co-Founder, Creative Developer and CEO at 14islands

Hjörtur is the CEO of 14islands, a design and development studio from Stockholm in Sweden and Floripa in Brazil. He co-founded the studio in 2011 and since then they've done work with companies such as Google, Adidas, Disney, Facebook, HBO, Shopify, Ericsson and many innovative startups in the world. Their projects have won multiple awards such as the FWA, Awwwwards, CSS Design Awards, and European Design Awards.

After discovering the internet in 1997, Hjörtur worked as a creative developer for over 20 years. He cares deeply about building digital experiences that spark joy and bring value to people. To make websites and apps that both inspire and explore boundaries of what's possible on the web.

Hjörtur Hilmarsson

Ægir Thorsteinsson

Ægir Thorsteinsson

Co-founder of Aranja and Hopp

Æ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.

Ægir is a passionate community builder, organizing meetups and conferences centered around Front End Development. After being inspired by attending JSConf events abroad, he brought the conference to Iceland, where it sold out twice, attracting attendees from around the world. JSConf Iceland became a vibrant space to connect with the creators of the tools and libraries that power the modern web.

More
Ægir Thorsteinsson

Career path

Every career looks different: it depends on individual aspirations as a well as changes in the industry. We’ve selected some stories to illustrate and celebrate the diversity of the various career paths.

Creative Coder

Front-end engineers with interaction design skills who use code and creativity to come up with a variety of media, such as image and video processing, 2D and 3D graphics, and animations. You may create generative art, sound responsive visuals, as well as interactive product demos.

Junior Front-End Developer

Depending on the size of the company, you may be responsible for creating interactive elements on the site like scrolling panels, integrating videos and images as well as determining how elements are displayed.

Senior Front-End Developer

As a senior front-end developer, you’ll need to display a solid balance of design and programming skills. You’ll be expected to supervise the creation of mockups and prototypes as well as appealing mobile-based or web-based applications ensuring usability best practices and assisting backend developers. They are acting as a mentor to junior developers, through code reviews and design document critiques.

UX/UI Engineer

You may focus on the technical aspects of the entire design system and also champion properly coded digital products. The UX/UI engineers are the bridge between designers and software engineers. Ultimately, a UX/UI engineer is a front-end engineer who facilitates effective design collaboration between the design and engineering teams.

Front-End Team Lead

This role bridges the creative and technical aspects of project delivery - supervising a team of Front-end developers, the team lead integrates front-end and server-side technologies to merge the technical architecture with creative designs and art direction. To achieve this integrated approach, the qualified candidate must have a fundamental understanding of the creative aesthetic while implementing technically across a variety of platforms and frameworks, as well as participate in business development, project planning and knowledge leadership.

Apply for
2025 - 2026

Share

Testimonials

Supatsara Rodratsa

Front-end Development

Supatsara Rodratsa

If you are looking to develop your skills and knowledge in the rapidly growing field of web development, joining the Front-end Development programme at Harbour.Space is the right choice.
Toktonazar Shatmanaliev

Front-end Development

Toktonazar Shatmanaliev

The pressure of this course is challenging but incredibly rewarding, expanding your knowledge and opening your mind in a short amount of time.
Francesca Orrù

Front-end Development

Francesca Orrù

Harbour.Space Institute gave me the opportunity to study abroad at a more practical and international place than standard Universities, learning from influential people in the field.
Iman Al Wahaibi

Front-end Development

Iman Al Wahaibi

This year changed me in many ways; I grew as a developer and a person. I had the chance to learn from amazing people and am grateful to have met individuals from diverse backgrounds all over the world.

5 Myths about Studying Abroad

Dive into the truth behind job market advantages, diverse programmes, language bridges, and scholarship opportunities.

Lead Magnet