Skip to main content
Intake every 3 weeks! There is no "application deadline" — you can start any upcoming module!Intake every 3 weeks! — apply anytime!
Studies
Admissions
The Institute
Resources
Intake every 3 weeks! There is no "application deadline" — you can start any upcoming module!Intake every 3 weeks! — apply anytime!
Studies
Admissions
The Institute
Resources
Intake every 3 weeks! There is no "application deadline" — you can start any upcoming module!Intake every 3 weeks! — apply anytime!
Studies
Admissions
The Institute
Resources

Bringing Your Design to the Web

Barcelona Campus
May 18, 2020 - Jun 05, 2020
Designing experiences for the web holds its own challenges separate from other contemporary media, in that control over the final output is never guaranteed.
Barcelona Campus
May 18, 2020 - Jun 05, 2020
Joshua Tuscan

Faculty

Joshua Tuscan

Co-founder at Studio Debut

Course length

3 weeks

Duration

3 hours
per day

Total hours

45 hours

Credits

60 ECTS

Language

English

Course type

Offline

Fee for single course

€1500

Fee for degree students

€750

Skills you’ll learn

Data AnalysisMobile Marketing
OverviewCourse outlineCourse materialsPrerequisites

Overview

Designing experiences for the web holds its own challenges separate from other contemporary media, in that control over the final output is never guaranteed. The open and accessible nature of the web means that your experience can be viewed on any internet-enabled device, from your laptop, to a widescreen television, to your refrigerator's touchscreen. To design and build for this medium you must how to prepare assets, take into account browser capabilities, optimize for delivery, learn the ins and outs of how viewport size determines layout capabilities, best practices for adapting layouts for different scales, and how designs can adapt to their environment providing more or less functionality as needed. This course will teach you how to design and build layouts that work to the best of their ability wherever and on whatever device they are viewed on using the technique called Responsive Web Design. This is a method for designing & developing websites that provide optimal viewing experiences (in terms of reading, navigation, & layout) across a wide range of traditional & mobile devices.

Learning highlights

  • Learn about the capabilities and limits of the web format
  • Gain an overview of optimization techniques for web assets
  • Learn about the history and development of responsive web design.
  • Learn about the differences between fluid, responsive, and adaptive web design.
  • Explore design patterns associated with a responsive layout.
  • Get comfortable with the techniques for building responsive layouts in code.
  • Understand the boundaries of responsive web development techniques and how to work around them.

Course outline

4 classes

Dive into the details of the course and get a sense of what each class will cover.
Monday
Tuesday
Wednesday
Thursday
Friday
Monday
1

Session 1

Introduction to the course with an overview lecture of the subject and what to expect and a historical overview of the topic

Tuesday
2

Session 2

Overview of the nature of the web medium, the nature of web rendering, the limitations and constraints of the format, and techniques to address these concerns.

Wednesday
3

Session 3

Breaking down a design composition for development.

Thursday
4

Session 4

Web Performance and Optimized Assets

Prerequisites

This course is one of three in a wholistic series.

Students that have already taken MSL-111 and those with prior experience with HTML, CSS, and Javascript building simple web pages will be good candidates for this module.

Joshua Tuscan

Faculty

Joshua Tuscan

Co-founder at Studio Debut

Awards

  • Awwwards

    Site of the day

  • Site Inspire

    Site of the day

Notable clients

  • Dolby

  • Samsung

  • Nike

Joshua Tuscan heads the UX & Technology practice at Studio Debut backed by fifteen years of experience in the digital design and technology space. Prior to Studio Debut, he was a founding Partner at Friends as well as spending time at Razorfish, Kurt Noble Inc., and Digital Kitchen.

A creative developer by trade, he has enjoyed exploring the intersection between technology and human interaction as a partner in building digital experiences for brands like Dolby, HTC, Highfive, Pandora, Nike, ABC, Carnival, and Samsung. His projects have won Awwwards Site of the Day, been showcased on Site Inspire, been highlighted on stage at the Apple Developer Conference, and a project he’s authored spent a month at the top of the trending chart on Github.

See full profile

Apply for this course

Snap up your chance to enroll before all spaces fill up.

Bringing Your Design to the Web

by Joshua Tuscan

Total hours

45 Hours

Dates

May 18 - Jun 05, 2020

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.