Responsive Web Design Training

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.

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

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

Responsive Web Design Training Feedback

"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 

"Good format of demos combined with hands on testing and exercises."
James Moore - Imperial College London

"We covered lots in the time and the trainer was very good at making sure everyone understood the content."
Vicki Burton - Wealden District Council

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

Responsive Web Design Training Objectives

After attending our Responsive Web Design 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

Responsive Web Design Training Prerequisites

It is essential that you have good working knowledge of the following:

• HTML
• CSS
• Tableless layouts

Familiarity with JavaScript would be an advantage.

Want to make Apps as well as websites? Why not try our new iOS App Training for Non Developers to kickstart your mobile programming endeavours?

Download the Responsive Web Design Training Course Outline

Responsive Web Design Course Content

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

Download the Responsive Web Design Training Course Outline