Preferred method of contact:

Mobile & Responsive Web Design



Course Number



3 Days

PDF Add to WishList

Gain the necessary skills for responsive and mobile website design that fully harness sophisticated capabilities of web browsers on mobile devices. In this training course, you learn how to define the elements of Responsive Wed Design (RWD), implement mobile frameworks, enhance site functionality, and design an optimal experience for mobile interaction.

You Will Learn How To

  • Design and build mobile-first and responsive websites targeted for mobile devices
  • Write compelling HTML5, CSS, and JavaScript content for mobile users
  • Build cross-platform mobile applications
  • Efficiently deliver content over low-bandwidth links
  • Enhance the mobile experience with device features and geolocation

Important Course Information


  • Knowledge of HTML at the level of:
  • Knowledge of how to develop a website
  • CSS experience
  • JavaScript experience

Course Outline

  • Exploring Web Development in the Mobile World
  • Reviewing the architectural tiers of web applications
  • Complying with W3C guidelines and best practices
  • Examining key mobile web platforms
  • Targeting devices with feature detection
  • Configuring development and debugging environments

Analyzing Requirements for Mobile Website Design

Prioritizing mobile design requirements

  • Investigating mobile design goals
  • Delivering user-context appropriate content

Applying architectural principles and constraints

  • Prioritizing features with user requirements
  • Designing for the mobile interface
  • Implementation strategies for new and existing content
  • Defining Elements of Responsive Web Design (RWD)

Creating proportion with CSS

  • Establishing flexible typesetting and forming flexible grids
  • Incorporating fluid margins and padding

Developing responsive images

  • Building flexible images and media
  • Managing complex images
  • Applying and establishing media types and media queries

Managing the viewport

  • Evaluating the viewport concept
  • Measuring the viewport
  • Optimizing site layout with media queries
  • Employing jQuery Mobile for Forms and Events

Integrating the popular jQuery mobile library

  • Exploring jQuery mobile fundamentals
  • Creating jQuery mobile templates and applying themes
  • Enhancing jQuery mobile with AJAX navigation
  • Exploiting native functionality with jQuery mobile

Exploring HTML5 form elements

  • Examining form element types for mobile
  • Optimizing touch interaction with forms
  • Generating advanced forms with HTML5 and jQuery mobile

Handling browser and mobile events

  • Interactive modes and events
  • Handling events in the mobile environment
  • Developing jQuery mobile event handling
  • Implementing Mobile Frameworks

Presenting PhoneGap concepts

  • Creating cross-platform hybrid mobile apps
  • Accessing native device capabilities from JavaScript

Viewing device information with PhoneGap

  • Leveraging native device API with PhoneGap
  • Contacts
  • Map
  • Phone
  • Building hybrid applications with PhoneGap

Leveraging geolocation

  • Querying for the device location with GPS
  • Integrating with the native map application

Managing local storage

  • Persisting data onto the device
  • Managing locally stored data

Working offline

  • Enabling disconnected web applications
  • Synchronizing offline data to enterprise databases
  • Considering Performance and Optimization

Enhancing site functionality

  • Discussing website performance and optimization
  • Reviewing best practices and good design

Employing performance tools

  • Optimizing applications with YSlow
  • Analyzing YSlow rules and rulesets
  • Implementing best practice rules to optimize mobile applications
  • Compressing and optimizing CSS and JavaScript
Show complete outline
Show Less

Convenient Ways to Attend This Instructor-Led Course

Hassle-Free Enrolment: No advance payment required to reserve your seat.
Tuition due 30 days after you attend your course.

In the Classroom

Live, Online

Private Team Training

In the Classroom — OR — Live, Online

Tuition — Standard: $2745   Government: $2415

Jul 31 - Aug 2 ( 3 Days)
9:00 AM - 4:30 PM EDT
Toronto / Online (AnyWare) Toronto / Online (AnyWare) Reserve Your Seat

Guaranteed to Run

When you see the "Guaranteed to Run" icon next to a course event, you can rest assured that your course event — date, time, location — will run. Guaranteed.

Private Team Training

Enrolling at least 3 people in this course? Consider bringing this (or any course that can be custom designed) to your preferred location as a private team training.

For details, call 1-888-843-8733 or Click here »

This event has been added to your cart.




In Classroom or





Private Team Training

Contact Us »

Course Tuition Includes:

After-Course Instructor Coaching
When you return to work, you are entitled to schedule a free coaching session with your instructor for help and guidance as you apply your new skills.

After-Course Computing Sandbox
You'll be given remote access to a preconfigured virtual machine for you to redo your hands-on exercises, develop/test new code, and experiment with the same software used in your course.

Free Course Exam
You can take your Learning Tree course exam on the last day of your course or online any time after class.


Training Hours

Standard Course Hours: 9:00 am – 4:30 pm
*Informal discussion with instructor about your projects or areas of special interest: 4:30 pm – 5:30 pm

Enhance Your Credentials with Professional Certification

Learning Tree's comprehensive training and exam preparation guarantees that you will gain the knowledge and confidence to achieve professional certification and advance your career.

This course is approved by CompTIA for continuing education units (CEUs). For additional information and to confirm which courses are eligible towards your CompTIA certification, click here.

“After taking the Learning Tree Course, I now can quickly design and transfer a simple web application to a mobile device. The most important thing is that what I see in my testing appears exactly that way on the iPad and iPhone, which really impressed the product manager at work.”

- X. Hu, Principal Web Developer
Goddard Space Flight Center

Chat Now

Please Choose a Language

Canada - English

Canada - Français