Fall 2026 applications are open until filled. Did you know? We offer both a full time and part time option for the Front-End Development diploma. If part time sounds right for you, email design@kpu.ca for more information.
Have questions?
Contact the Future Students' Office at 604-599-3030
Program Introduction
Half your friends think you’re a designer. The other half think you’re a coder. You’re interested in both, and neither label quite fits. If that sounds familiar, the Diploma in Front-End Development for Interactive Applications is exactly the place you need to be.
The KPU Wilson School of Design's two-year program teaches you to design interfaces and then bring them to life in code. You'll build industry-standard skills in HTML, CSS, JavaScript, and React. You’ll also learn UX research and UI design, so what you build actually works for the people using it. In your final year, you’ll specialize in motion design or data visualization. Our faculty will teach you how to use AI as a tool, rather than a shortcut. And if you need flexibility, the diploma is available part-time too, so you can build your studies around a job or other commitments.
By the end, you’ll have a portfolio of creative and functional apps and websites. You’ll also have the technical skills and industry connections needed to land the job you want in a growing industry.
What it looks like to apply your creativity in web and app design
Why Study Front-End Development?
Here's what makes our program unique:
- You’ll graduate with two skill sets in one diploma: design (UX/UI, prototyping) and code (HTML, CSS, JavaScript, React).
- Learn from our experienced faculty who bring real-world industry knowledge and mentorship into the classroom.
- Industry mentors sit on our Advisory Committee and join your critiques, so you’re getting feedback from people currently working in the field.
- In your final year, you’ll specialize in motion design or data visualization before pulling everything together in a final project.
- Graduates leave with strong industry connections, interview prep tailored to front-end roles (including code challenges), and a portfolio that proves what you can do.
- This diploma prepares you for a wide range of roles: from front-end developer and UI/UX designer to junior full-stack engineer.
- Balancing this with work or other commitments? Set your own pace with our part-time option.
A Front-End Development student on how motivating it is to learn new things:
Who Studies Front-End Development?
You notice details other people miss. Why one website feels effortless and another one feels clunky. Why an app’s layout makes sense before you’ve tapped a single button. You're the kind of problem-solver who wants to understand both the reasoning behind a design and the code that brings it to life.
You don’t need a coding background or design portfolio to fit in here. What you’ll build instead is dual fluency: the technical skill to build a working interface, and the design thinking to make it work well. Some of you will lean into the creative side of the craft at first. Others will lean towards the technical side. Everyone ends up building both. If you like things to work well and look right, you’re in the right place.
This Wilson School student wants to open his own design studio one day, with the goal of helping his community:
Admission Requirements
Here’s what you’ll need to do in order to apply to the Wilson School of Design:
- Meet our English Proficiency Requirement.
Front-End Development Student Profile
Charleen came into Front-End Development for Interactive Applications with zero coding experience. She’s since picked up the basics of web development, user research, and user experience design, working through project after project along the way. What’s stuck with her most is the “why” behind it all: making things easier for the people who’ll actually use a website or app. She credits the faculty’s decades of industry experience for making the learning curve feel manageable, and says their support has made all the difference. If you’re weighing whether to try this program with no background at all, Charleen's answer is simple: go for it.
“I’m genuinely really loving every part of it. You learn so much, especially if you’ve never done anything like this before. And the professors really care about you. Like, they really want you to succeed.”
Curious About Front-End Development?
Start your exploration with these courses, regardless of which program you’re in.
FDIT 1100 Web Development Foundations
FDIT 1110 Web Systems
FDIT 1120 Design Foundations for Interactive Applications
FDIT 1130 User Interface Foundations
FDIT 1140 User Experience Foundations
FDIT 2110 Project Management and Performance
FDIT 2130 Motion Design for Interactive Applications
Curricular Requirements
| Course Code | Course Title | Credits |
|---|---|---|
| FDIT 1100 | Web Development Foundations | 3 |
| FDIT 1110 | Web Systems Development Methodologies | 3 |
| FDIT 1120 | Design Foundations for Interactive Applications | 3 |
| FDIT 1130 | User Interface (UI) Foundations | 3 |
| FDIT 1140 | User Experience (UX) Foundations | 3 |
| FDIT 1200 | Front-End Web Programming | 3 |
| FDIT 1210 | Back-End Web Programming | 3 |
| FDIT 1220 | Front-End Development Frameworks and Libraries I | 3 |
| FDIT 1230 | Design Systems for Interactive Applications | 3 |
| FDIT 1240 | Responsive Design: Principles and Prototyping | 3 |
| FDIT 2100 | Front-End Development Frameworks and Libraries II | 3 |
| FDIT 2110 | Project Management and Performance | 3 |
| FDIT 2120 | Web Applications Development Project | 3 |
| FDIT 2130 | Motion Design for Interactive Applications | 3 |
| FDIT 2140 | Design and Development: Integration Studio | 3 |
| FDIT 2200 | Special Topics in Web Development | 3 |
| FDIT 2210 | Professional Development | 3 |
| FDIT 2230 | Data Visualization for Interactive Applications | 3 |
| FDIT 2240 | Design and Development: Capstone | 6 |
| TOTAL | 60 |
This is Wilson
Seeking inspiration? Get to know our students, culture, and community.
Front-End Development for Interactive Applications Class of 2026
Applied Arts 2025 Student Awards
We are excited to showcase the winning work of 5 of our design students from the Applied Arts Magazine. Their work stood out from winning entries from across the globe, earning well-deserved recognition for their… Read More