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
  • Analysing Requirements for Mobile Website Design

Prioritising mobile design requirements

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

Applying architectural principles and constraints

  • Prioritising 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
  • Optimising 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
  • Optimising 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
  • Synchronising offline data to enterprise databases
  • Considering Performance and Optimisation

Enhancing site functionality

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

Employing performance tools

  • Optimising applications with YSlow
  • Analysing YSlow rules and rulesets
  • Implementing best practice rules to optimise mobile applications
  • Compressing and optimising 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 Fee due 30 days after you attend your course.

In the Classroom

Live, Online

Private Team Training

In the Classroom — OR — Live, Online

Tuition Fee — Standard: £1695  

AFTERNOON START: Attend these live courses online via Anyware

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

How would you like to attend?

Live, Online
In-Class

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

How would you like to attend?

Live, Online
In-Class

26 - 28 Sep (3 Days)
2:00 PM - 9:30 PM BST
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 0800 282 353 or Click here »

Tuition Fee

Standard

In Classroom or
Online

Standard

£1695

Private Team Training

Contact Us »

Course Tuition Fee 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 class hours:
9:00 a.m. - 4:30 p.m.

Last day class hours:
9:00 a.m. - 3:30 p.m.

Free Course Exam – Last Day:
3:30 p.m. - 4:30 p.m.

Each class day:
Informal discussion with instructor about your projects or areas of special interest:
4:30 p.m. - 5:30 p.m.

AFTERNOON START class hours:
2:00 p.m. - 9:30 p.m.


Last day class hours:
2:00 p.m. - 8:30 p.m.


Free Course Exam – Last Day:
8:30 p.m. - 9:30 p.m.


Each class day:
Informal discussion with instructor about your projects or areas of special interest
9:30 p.m. - 10:30 p.m.

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.

“I was very satisfied with the results of the mobile web development course! I immediately applied the skills to specific problems—solutions were identified and put directly into production usage”.

- A. Schmidt, Senior Programmer/Analyst
The Free Lance-Star Newspaper

Prev
Next
Chat Now

Please Choose a Language

Canada - English

Canada - Français