Office 365
Welcome!    Login | Checkout 0 Items | Checkout
ETI Performance Improvement

Technical Training

Creating Rock Stars since 1984

Developing Mobile Websites

In this Developing Mobile Websites class, you will learn to use HTML5, CSS, JavaScript, and other tools to create websites that are responsive: sites that adapt their layout to the client device being used, whether it be a smartphone, tablet computer, or desktop computer/laptop. You will learn to use CSS media queries, mobile-friendly HTML5 features, JavaScript enhancements, and various frameworks to build websites that look as good on an iPhone or Android as they do on a desktop or laptop computer.


Experience in the following areas is required:

  • HTML 4
  • Basic CSS
  • Basic JavaScript

Experience in the following areas would be beneficial:

  • HTML5
  • CSS3
  • jQuery and other more advanced JavaScript topics

More About This Session

Dates & Registration

Developing Mobile Websites

2 Days

Your Price: $850


  1. Designing for Mobile
    • Responsive Design: Good for All Devices
    • Why It's Worth It
    • Building Responsive Sites
    • Flexible Grid
    • Flexible Images
    • Media Queries
    • Frameworks
    • Further Reading
  2. Flexible Grids
    • The Flexible Grid: A More Responsive Layout Strategy
    • The Case for Flexible
    • Case Study: The Jazz Calendar Site
    • A First Complete Jazz Calendar Draft
    • Making the Inflexible Flexible
    • A Better Jazz Calendar
  3. Flexible Images and Other Media
    • Improving the Jazz Calendar Site
    • Flexible Background Images
  4. The Viewport & Media Queries
    • The Viewport
    • Targeting Widths and Devices with CSS3 Media Queries
    • Linearizing the Layout
    • Using max-device-width
  5. HTML5: Mobile Specific Forms
    • A Jazz Calendar Registration Form
    • Local Storage
    • Local Storage Example
  6. GeoLocation API
    • The GeoLocation API
    • How It Works
    • Browser & Device Support
    • JavaScript Implementation
    • A Simple Example
    • Google Maps
    • Jazz Calendar: Finding Nearby Gigs
  7. Home Screen Icons
    • Home Screen Icons
      • iPhone/iPad
    • A Home Screen Icon for the Jazz Calendar Site: iOS
    • Apple-Specific Meta Tags
    • Android-Specific JSON Manifest
    • A Home Screen Icon for the Jazz Calendar Site: Android
    • Exercise 12: Adding Home Screen Icons to the Pickup Soccer Site
  8. Accelerometer
    • Using the Accelerometer
  9. Video
    • Optimizing the Video Experience for Mobile
      • Optimizing for Mobile
    • Embedding from YouTube or Vimeo
    • Hosting Your Own Videos
    • Video Formats
    • Controlling the Video through JavaScript
    • Converting Video Formats
    • Further Reading
  10. jQuery Mobile
    • Mobile Focus
    • Supported Platforms
    • The Basics
      • The Page Model
      • UI Elements
    • A First Example
    • Drag-and-Drop Code Builder
    • Gestures
    • Swiping to Change Pages
    • Using data Attributes
    • Handling Orientation Change
    • What about Desktops?
  11. Mobile Menus
    • Mobile Menus
    • A First Example
    • Slicknav: A Mobile Menu jQuery Plugin
  12. The Bootstrap Framework
    • Bootstrap: A Responsive Framework
    • Downloading Bootstrap
    • Bootstrap's Grid
    • Bootstrap Components
    • A First Example
    • A Bootstrap Layout for Jazz Calendar

Developing Mobile Websites

2 Days

Your Price: $850

No sessions are scheduled at this time.
Contact us to schedule a session for your organization.

back to top

Customize Sessions

Need a customized session?

Did you know that all of our sessions can be customized?
Let us help create a private session your team will love!

Selected Sessions

No Sessions Selected

Add a session to begin registration.
  • Chat with a Coach

    Have a more immediate need? Book a
    one-on-one virtual session with one of our coaches. Why spend the next hour searching online for answers? Spend just 15 minutes with one of our experts and get accurate and personalized answers to all of your questions. We're standing by ready to level up your knowledge of the apps you use every day.

    $9.99  |  15 minutes

      Book Now

  • Personalize This Session

    All of our sessions can be customized to meet your team's specific need. Build the perfect program by picking and choosing topics from any of the courses in our catalog. A personalized private session gives you the ultimate flexibility and helps maximize your team's valuable time!

    Let us help customize your next:


    30-90 Minute Webinar

    Half or Full Day Training

    On-Demand Learning

    Team Learning Paths

    Contact us today!


ETI Performance Improvement
8500 Keystone Crossing Suite 550
Indianapolis, Indiana 46240

p. 317.475.6555
e. [email protected]

8:00 am - 5:00 pm M-F EST

Educate. Equip. Empower.
ETI Performance Improvement

© 2019 ETI Performance Improvement        Illustrations ©2012 Nathaniel Charles