PDF Share Add to WishList

MOBILE & RESPONSIVE WEB DESIGN


Course type

Certification Foundation

Course number

007

Duration

3 Days
Reserve your seat >>

Overview

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.

What you'll learn

  • 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 geolocat

Who should attend

Pre-requis

  • Knowledge of HTML at the level of:
    • Course 470, Developing a Website
  • Knowledge of how to develop a website
  • CSS experience
  • JavaScript experien

Outline

  • 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

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

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

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

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

 

Location Dates Status
Paris Feb 01, 2018 - Feb 28, 2018
08:00 AM - 05:00 PM 		Not available Register Now >>

 

IN CLASSROOM OR ONLINE

PRIVATE TEAM TRAINING

STANDARD

$0

Contact Us »

GOVERNMENT

$0


Not applicable