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

Jan 17 - 19 (3 Days)
9:00 AM - 4:30 PM EST
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Feb 14 - 16 (3 Days)
9:00 AM - 4:30 PM EST
Toronto / Online (AnyWare) Toronto / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

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

How would you like to attend?

Live, Online
In-Class

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

How would you like to attend?

Live, Online
In-Class

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

How would you like to attend?

Live, Online
In-Class

Guaranteed to Run

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 at any time after class and receive a Certificate of Achievement with the designation "Awarded with Distinction."

Prev
Next

Training Hours

Standard Course Hours:9:00 am – 4: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:

  • Earn College Credit Units — Many Learning Tree courses are recommended for College Credits, which are accepted by over 2,000 colleges and universities, and may qualify you to receive Tuition Reimbursement.
  • Receive a Certificate of Achievement with the designation "Awarded with Distinction."

Each Course Day - 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