Upcoming
Sessions
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.


Prerequisites

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


Topics
Dates & Registration

Developing Mobile Websites

2 Days

Your Price: $850


Register!

  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.
  • 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:

    Lunch-n-Learn

    30-90 Minute Webinar

    Half or Full Day Training

    On-Demand Learning

    Team Learning Paths



    Contact us today!



Contact

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

p. 317.475.6555
f. 317.475.6556
e. [email protected]

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

Educate. Equip. Empower.
ETI Performance Improvement

© 2018 ETI Performance Improvement        Illustrations ©2012 Nathaniel Charles