Web Development

Preferred method of contact:

Mobile & Responsive Web Design



Course Number



3 Days

View Schedule

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

Course Schedule

Attend this live, instructor-led course In-Class or Online via AnyWare.

Hassle-Free Enrollment: No advance payment required.
Tuition due 30 days after your course.

Jun 14 - 16 AnyWare Enroll Now

How would you like to attend?

Live, Online via AnyWare

Aug 9 - 11 New York/AnyWare Enroll Now

How would you like to attend?

Live, Online via AnyWare

Aug 16 - 18 Toronto/AnyWare Enroll Now

How would you like to attend?

Live, Online via AnyWare

Sep 27 - 29 Ottawa/AnyWare Enroll Now

How would you like to attend?

Live, Online via AnyWare

Nov 15 - 17 AnyWare Enroll Now

How would you like to attend?

Live, Online via AnyWare

Feb 14 - 16 Toronto/AnyWare Enroll Now

How would you like to attend?

Live, Online via AnyWare

Mar 27 - 29 Ottawa/AnyWare Enroll Now

How would you like to attend?

Live, Online via AnyWare

Guaranteed to Run

Bring this Course to Your Organization and Train Your Entire Team
For more information, call 1-888-843-8733 or click here






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.

Free Course Exam
You can take your course exam on the last day of your course and receive a Certificate of Achievement with the designation "Awarded with Distinction."



Call 1-888-843-8733 or click here »

An experienced training advisor will happily answer any questions you may have and alert you to any tuition savings to
which you or your organization may be entitled.

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

FREE Online Course Exam (if applicable) – Last Day: 3:30 pm – 4:30 pm
By successfully completing your FREE online course exam, you will:

  • Have a record of your growth and learning results.
  • Bring proof of your progress back to your organization
  • Earn credits toward industry certifications (if applicable)
  • Make progress toward one or more Learning Tree Specialist & Expert Certifications (if applicable)

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.

Earn 17 Credits from NASBA

This course qualifies for 17 CPE credits from the National Association of State Boards of Accountancy CPE program. Read more ...

“After taking this 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


Please Choose a Language

Canada - English

Canada - Français