Consulting Training Blog Careers About Us Contact Us
All Classes Will Be Held Virtually – Live Online Intertech's Training Division has been successfully instructing professionals through virtual live online training since the advent of the smartboard. It is a proven form and offers the convenience of live questions, group interaction, and labs with an instructor looking over your shoulder. Because of this, we will continue all classes live but virtually, including Agile and Scrum instruction, so businesses and individual’s seeking professional development can keep moving forward during these unexpected times.

Responsive Web Development (RWD) Training

Upcoming Classes

Click the Get Notified button for priority notification when a class is next scheduled.

Get Notified

On Site/Private

Can't find a class that fits right for you? Contact us to inquire about scheduling your own private class

Contact Us


This instructor-led course will teach developers and designers how to build a single responsive site that can be viewed across all devices by applying the latest HTML5 techniques and strategies.

Bring This Course To You

For groups of 5 or more, let Intertech bring this course to your location. Customized versions tailored towards your objectives are also available.

Learn More

Learning Objectives

At course completion, attendees will have experience with:

  • Building responsive sites with fluid grids, media, and media queries
  • Learn to implement the appropriate layout patterns for your content
  • Learn to apply a responsive image strategy
  • Learn to build a responsive navigation menu
  • Learn to create responsive typography with percentages, ems and rems
  • Use feature-detection and server-side enhancement to provide a richer experience
  • Learn responsive workflow patterns including: Bento box, Nested doll, Append around, and Ajax-include
  • Learn how to apply adaptive techniques to create truly unique user experiences
  • Learn about tools and frameworks that help simplify responsive web development
  • Learn performance strategies that keep your sites lean, fast, and responsive
  • Learn to apply the fundamentals we learn in class by building responsive solutions for five classroom exercises
  • Gain real-world experience as we convert your own corporate or client homepage into a responsive site during the all-day workshop on day three


This course is intended for developers and designers who want to start creating a single site that displays and functions well across our diverse landscape of devices including mobile phones, tablets and desktop browsers.


Before attending this course, the student should have experience with:

  • HTML knowledge
  • CSS knowledge
  • JavaScript basic preferred

Course Outline

  • Responsive Advantages
  • Responsive Building Blocks
    • Fluid Grids
    • Fluid Images/Media
    • Media Queries
    • Breakpoints
  • Layout Patterns
    • Mostly Fluid Pattern
    • Column Drop Pattern
    • Layout Shifter Pattern
    • Mondrian Pattern
    • Basic Gallery Pattern
  • Exercise #1: Building a Responsive Layout
  • Responsive Images
    • Picturefill
    • Src
  • Exercise #2: Adding Responsive Images
  • Responsible Icons
    • Grunticon
  • Responsive Navigation
  • Exercise #3: Adding Responsive Navigation
  • Responsive Typography
  • Exercise #4: Adding Responsive Fonts
  • Responsive with Server-side Support (RESS)
  • Responsive Workflow Patterns
  • Adaptive Design
  • Responsive + Adaptive = Awesomeness
  • Responsive Layouts with Flexbox
  • Responsive Templates & Frameworks
  • RWD with jQuery Mobile
  • RWD with Twitter Bootstrap
  • Responsive Testing Tools
  • Responsive Wireframing Tools
  • Performance Advantage
    • Responsive Implications
    • Analysis Tools
    • Tuning
    • Remote Debugging
  • Inspiration
  • Resources

Free Resources from Intertech

Complete Guide to Becoming a Full Stack Developer

2 Free Resources: Missed Issues in Software Estimation and Stakeholder Questionnaire

Free Book Chapter from Intertech's Complete Ajax Course