RESERVE MY SPOT

SKILLS:

- Front-end Development

Web Development

- HTML 5

- Web Design

- Interaction Design

DATE: 15 Jul - 26 Jul, 2019

DURATION: 2 Weeks

LECTURES: 3 Hours per day

LANGUAGE: English

LOCATION: Barcelona, Harbour.Space Campus

COURSE TYPE: Offline

WHAT YOU WILL LEARN
COURSE OUTLINE
ABOUT JOSHUA
BIBLIOGRAPHY
HARBOUR.SPACE 

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

JOSHUA
TUSCAN
RESERVE MY SPOT

We offer innovative university degrees taught in English by industry leaders from around the world, aimed at giving our students meaningful and creatively satisfying top-level professional futures. We think the future is bright if you make it so.

HARBOUR.SPACE UNIVERSITY

DATE: 15 Jul – 26 Jul, 2019

DURATION:  2 Weeks

LECTURES: 3 Hours per day

LANGUAGE: English

LOCATION: Barcelona, Harbour.Space Campus

COURSE TYPE: Offline

Session 2

Exploration and execution of fluid design

Session 3

Exploration and execution of responsive & adaptive design

SHOW MORE

Session 1

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

All rights reserved. 2018

Harbour.Space University
Tech Heart

Session 4

The mighty Media Query

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

HELLO WORLD:
FLUID, ADAPTIVE,
AND RESPONSIVE
LAYOUTS
HELLO WORLD: 
FLUID, ADAPTIVE,
AND RESPONSIVE LAYOUTS

Joshua Tuscan is a partner at Studio Debut where he leads the technology practice backed by fifteen years of experience in the digital design and technology space. Prior to Studio Debut, he co-founded the design studio Friends and held various roles 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.

- 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


- Build a responsive layout of their own design