Preferred method of contact:

Mobile & Responsive Web Design

COURSE TYPE

Intermediate

Course Number

2315

Duration

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

Requirements:

  • 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

mai 23 - 25 (3 Days)
9:00 AM - 4:30 PM EDT
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

Mobile & Responsive Web Design

Thank you for your interest in this event, but there are no available seats at this time. Please select another date. You may also contact a customer service representative or training advisor about your training needs, from single courses to large enterprise solutions.

You have used Passport or Voucher Number for this event. Please contact our Customer Service Representative or Training Advisor and they will work with your payment options.

mai 23 - 25 (3 Days) 9:00 AM - 4:30 PM EDT New York / Online (AnyWare)
Please select the quantity Please select the quantity
Optional Discounts
?
Have a Promo Code?

Enter a promo code for additional savings.

{{vm.lineItem.$DiscountValidationMessage}} Please enter a valid Promo Code
?
Don't know your Voucher or Passport Number?

Contact us via live chat or call us at 1-888-843-8733 and one of our representatives will assist you with your order.

{{vm.lineItem.$VoucherNumberValidationMessage}} Please enter a valid Voucher or Passport Number
Your Work Email is required Please enter a valid Email
?
BY CLICKING THE GOVERNMENT BOX, YOU AGREE TO THESE TERMS OF USE; IF YOU DO NOT AGREE, LEAVE THAT BOX BLANK TO RECEIVE COMMERCIAL PRICING.

By clicking the Government box – you certify that you/your firm is eligible to receive discounted price available only to Federal, Provincial and Municipal agencies. Colleges, universities and non-for profits are not eligible for the government discount.

Learning Tree reserves the right, at its sole discretion, to change, modify, add or remove portions of these Terms of Use, at any time. It is your responsibility to ensure that you qualify to receive a Government discounted rate. Please contact your Government Account Coordinator for any questions.

Not sure if you qualify? See the ? for details. Terms and Conditions
Price
Pay now -or- pay later
Pay by credit card at checkout
-or- pay later by invoice, as always.

Added to cart

août 15 - 17 (3 Days)
9:00 AM - 4:30 PM EDT
Toronto / Online (AnyWare) Toronto / Online (AnyWare) Reserve Your Seat

Mobile & Responsive Web Design

Thank you for your interest in this event, but there are no available seats at this time. Please select another date. You may also contact a customer service representative or training advisor about your training needs, from single courses to large enterprise solutions.

You have used Passport or Voucher Number for this event. Please contact our Customer Service Representative or Training Advisor and they will work with your payment options.

août 15 - 17 (3 Days) 9:00 AM - 4:30 PM EDT Toronto / Online (AnyWare)
Please select the quantity Please select the quantity
Optional Discounts
?
Have a Promo Code?

Enter a promo code for additional savings.

{{vm.lineItem.$DiscountValidationMessage}} Please enter a valid Promo Code
?
Don't know your Voucher or Passport Number?

Contact us via live chat or call us at 1-888-843-8733 and one of our representatives will assist you with your order.

{{vm.lineItem.$VoucherNumberValidationMessage}} Please enter a valid Voucher or Passport Number
Your Work Email is required Please enter a valid Email
?
BY CLICKING THE GOVERNMENT BOX, YOU AGREE TO THESE TERMS OF USE; IF YOU DO NOT AGREE, LEAVE THAT BOX BLANK TO RECEIVE COMMERCIAL PRICING.

By clicking the Government box – you certify that you/your firm is eligible to receive discounted price available only to Federal, Provincial and Municipal agencies. Colleges, universities and non-for profits are not eligible for the government discount.

Learning Tree reserves the right, at its sole discretion, to change, modify, add or remove portions of these Terms of Use, at any time. It is your responsibility to ensure that you qualify to receive a Government discounted rate. Please contact your Government Account Coordinator for any questions.

Not sure if you qualify? See the ? for details. Terms and Conditions
Price
Pay now -or- pay later
Pay by credit card at checkout
-or- pay later by invoice, as always.

Added to cart

sept. 26 - 28 (3 Days)
9:00 AM - 4:30 PM EDT
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

Mobile & Responsive Web Design

Thank you for your interest in this event, but there are no available seats at this time. Please select another date. You may also contact a customer service representative or training advisor about your training needs, from single courses to large enterprise solutions.

You have used Passport or Voucher Number for this event. Please contact our Customer Service Representative or Training Advisor and they will work with your payment options.

sept. 26 - 28 (3 Days) 9:00 AM - 4:30 PM EDT New York / Online (AnyWare)
Please select the quantity Please select the quantity
Optional Discounts
?
Have a Promo Code?

Enter a promo code for additional savings.

{{vm.lineItem.$DiscountValidationMessage}} Please enter a valid Promo Code
?
Don't know your Voucher or Passport Number?

Contact us via live chat or call us at 1-888-843-8733 and one of our representatives will assist you with your order.

{{vm.lineItem.$VoucherNumberValidationMessage}} Please enter a valid Voucher or Passport Number
Your Work Email is required Please enter a valid Email
?
BY CLICKING THE GOVERNMENT BOX, YOU AGREE TO THESE TERMS OF USE; IF YOU DO NOT AGREE, LEAVE THAT BOX BLANK TO RECEIVE COMMERCIAL PRICING.

By clicking the Government box – you certify that you/your firm is eligible to receive discounted price available only to Federal, Provincial and Municipal agencies. Colleges, universities and non-for profits are not eligible for the government discount.

Learning Tree reserves the right, at its sole discretion, to change, modify, add or remove portions of these Terms of Use, at any time. It is your responsibility to ensure that you qualify to receive a Government discounted rate. Please contact your Government Account Coordinator for any questions.

Not sure if you qualify? See the ? for details. Terms and Conditions
Price
Pay now -or- pay later
Pay by credit card at checkout
-or- pay later by invoice, as always.

Added to cart

févr. 13 - 15 (3 Days)
9:00 AM - 4:30 PM EST
Toronto / Online (AnyWare) Toronto / Online (AnyWare) Reserve Your Seat

Mobile & Responsive Web Design

Thank you for your interest in this event, but there are no available seats at this time. Please select another date. You may also contact a customer service representative or training advisor about your training needs, from single courses to large enterprise solutions.

You have used Passport or Voucher Number for this event. Please contact our Customer Service Representative or Training Advisor and they will work with your payment options.

févr. 13 - 15 (3 Days) 9:00 AM - 4:30 PM EST Toronto / Online (AnyWare)
Please select the quantity Please select the quantity
Optional Discounts
?
Have a Promo Code?

Enter a promo code for additional savings.

{{vm.lineItem.$DiscountValidationMessage}} Please enter a valid Promo Code
?
Don't know your Voucher or Passport Number?

Contact us via live chat or call us at 1-888-843-8733 and one of our representatives will assist you with your order.

{{vm.lineItem.$VoucherNumberValidationMessage}} Please enter a valid Voucher or Passport Number
Your Work Email is required Please enter a valid Email
?
BY CLICKING THE GOVERNMENT BOX, YOU AGREE TO THESE TERMS OF USE; IF YOU DO NOT AGREE, LEAVE THAT BOX BLANK TO RECEIVE COMMERCIAL PRICING.

By clicking the Government box – you certify that you/your firm is eligible to receive discounted price available only to Federal, Provincial and Municipal agencies. Colleges, universities and non-for profits are not eligible for the government discount.

Learning Tree reserves the right, at its sole discretion, to change, modify, add or remove portions of these Terms of Use, at any time. It is your responsibility to ensure that you qualify to receive a Government discounted rate. Please contact your Government Account Coordinator for any questions.

Not sure if you qualify? See the ? for details. Terms and Conditions
Price
Pay now -or- pay later
Pay by credit card at checkout
-or- pay later by invoice, as always.

Added to cart

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

Enroling 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 »

Tuition

Standard

Government

In Classroom or
Online

Standard

$2745

Government

$2415

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.

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

Prev
Next

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

Prev
Next
Chat Now

Please Choose a Language

Canada - English

Canada - Français