Responsive Web Design Training

Overview

Outline

Feedback

Find out how to make a website like ours! Learn the essentials of designing websites for all devices with this interactive Responsive Web Design Training Course.

You'll be taught by trainers who are experienced responsive web designers as well as exceptional teachers. They will give you a complete overview of responsive web design best practice - with a practical focus so you can start putting your new knowledge into action right away.

Responsive Web Design Training

Download our free Mobile Development eBook to give you an insight into how Responsive can be used to provide a rich experience for the user.

It is important that you have an existing working knowledge of HTML and CSS to get the most from this intensive responsive web design training course.

Our public courses take place in Brighton, Sussex and we can also provide private and in-company Responsive Web Design training courses. If you'd like more information - or to book - just call +44 (0)1273 622272.

This training course is part of our unique Mobile Web Design Week - a comprehensive 5-day package where you'll learn the HTML5, CSS3 and JavaScript needed to build websites for all devices.

Course Objectives

After attending our Responsive Web Design training course, you will know:

The current mobile market - mobile devices and mobile browsers
Techniques for creating flexible, responsive web sites using media queries
Best practice design for mobile devices
How to use tools & resources for testing

Who is this course for?

This training course is suited to developers with a good working knowledge and practical experience with HTML, CSS and tableless layouts. Familiarity with JavaScript is an advantage.

Introduction

Mobile market overview: devices, operating systems and browsers
One web vs. mobile web
Mobile First
Progressive enhancement

Getting started

How mobile devices display web pages
Screen resolution: CSS pixels vs. device pixels
The viewport tag
The Safari auto-zoom bug
webkit-text-size-adjust

Responsive web design

Flexible grids
Flexible fonts
Flexible images & background images
Common screen sizes - resolution breakpoints
Media queries

Content delivery - know your audience

What content do people need?
How people browse - mobile mindsets
Browser dimensions, bandwidth & context

Design tips and best practice

Displaying & hiding content
Simplifying navigation
Linearizing layouts
White space
Font sizes, faces & spacing
Text readability
Minimising input from user
Making calls from links
Linking the full version of a site

Testing

Validation and markup
In-browser testing
Creating a suite of representative devices
Online & offline emulators
Testing services

A fascinating, informative course delivered perfectly which covered multiple solutions. Practical examples used well, would highly recommend. Many thanks John!

Dan Townson - Halfords

Good overview of Responsive Web Design topics and practical experience.

Maurice Farmer - Imperial College London

I learnt a lot about responsive design and found the training very valuable. The tutor was knowledgeable and very precise, accommodating to all students who needed help. The course flowed very well as each section led to the next with a smooth transition.

Emmanuel Akintaro - Virgin Holidays

Great course outlines, very practical and hands on so you are learning things you can go out and use right away.

Hannah Shilliday - Starcom MediaVest Group

The course offered a thorough grounding in the aspects of responsive web design. Experienced, knowledgeable trainers helped me get the fundamental basics of flexible design.

Kyle Bailey - Wealden District Council

I found the course informative and well structured. I have a solid understanding of the principles of responsive design which I can build upon in my day-to-day tasks. Excellent.

Neil Callow - Mamas & Papas

I found the course informative and well structured. I have a solid understanding of the principles of responsive design which I can build upon in my day-to-day tasks. Excellent.

Neil Callow - Mamas & Papas

The course was well structured, informative and interesting. By far the best course at Silicon Beach that I've attended.

Chris Mellish - Likebulb

The training was very informative and practical. The trainer was very experienced and was able to answer all of our queries. Training objectives were clearly explained and achieved. The course was very relevant to my job and will help me in most aspects of my work.

Ali Mammadov - Azercell Telecom

Enjoyable course with knowledgeable tutor. Helped to fill a lot of gaps in my knowledge and confirm questions I had.

Emma Hughes - Unified Solutions

We covered a good range of responsive techniques, working through examples and solving the problems that these raised. I now feel much more confident about how to take my own site forward in the future.

Miranda Collett