Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

Designing Websites for Mobile Devices

( Duration: 3 Days )

In Designing Websites for Mobile Devices training course, you will gain the necessary skills for responsive and mobile website design that fully harness sophisticated capabilities of web browsers on mobile devices.

By attending Designing Websites for Mobile Devices workshop, delegates will learn 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

Web designers and developers interested in mobile and responsive web design having knowledge of HTML and CSS at the level of Course, HTML5 and CSS3, and prior JavaScript experience.

COURSE AGENDA

1

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
2

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
3

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
4

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
5

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
6

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

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X