Email Us   Phone : 503-259-0312   
  Home    |    Instructor-led Training    |    Self-Paced Learning    |    Online Training     


Contact Us   -   Why Choose Wintrac   -   Clients    

Courses
ADA
Adobe
Agile
AJAX
Android
Apache
AutoCAD
Big Data
Business Analysis
Business Intelligence
Business Objects
Business Skills
C++ programming
Cisco
Citrix
Cloud Computing
COBOL
Cognos
ColdFusion
COM/COM+
CompTIA
CORBA
CRM
Crystal Reports
Datawarehousing
DB2
Desktop Application Software
DNS
Embedded Systems
Google Web Toolkit (GWT)
IPhone
ITIL
Java
JBoss
LDAP
Leadership Development
Lotus
Machine learning/AI
Macintosh
Mainframe programming
Microsoft technologies
Mobile
MultiMedia and design
.NET
NetApp
Networking
New Manager Development
Object oriented analysis and design
OpenVMS
Oracle
Oracle VM
Perl
PHP
PowerBuilder
Professional Soft Skills Workshops
Project Management
Rational
Ruby
Sales Performance
SAP
SAS
Security
SharePoint
SOA
Software quality and tools
SQL Server
Sybase
Symantec
Telecommunications
Teradata
Tivoli
Tomcat
Unix/Linux/Solaris/AIX/
HP-UX
Visual Basic
Visual Foxpro
VMware
Web Development
WebLogic
WebSphere
Websphere MQ (MQSeries)
Windows programming
XML
XML Web Services
Other
Developing Mobile Websites
Overview

In this 2-day 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.

Audience

Decision makers in digital marketing, sales, Web and IT management.

Prerequisites

Experience in HTML4, basic CSS and JavaScript. It would be beneficial with HTML5, CSS3 and JavaScript.

Course duration

2 Days

Course outline

1. Designing for Mobile
  • Responsive Design: Good for all Devices
  • Why Itís Worth It?
  • Building Responsive Sites
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
  • Flexible Images and Other Media
  • Improving the Jazz Calendar Site
  • Flexible Background Images
4. Media Queries
  • Media Queries
  • Targeting Widths and Devices with CSS3 Media Queries
  • Linearizing the Layout
  • Using max-device-width
5. The Viewport
  • The Viewport
6. HTML5: Mobile Specific
  • New HTML5 Features
  • Forms
  • Chapter section
  • Chapter section
7. GeoLocation API
  • How it Works
  • Browser and Device Support
  • JavaScript Implementation
  • A Simple Example
  • Google Maps
  • Jazz Calendar: Finding Nearby Gigs
8. Consolidating the Web with Native Extensions
  • Consolidating the Web with Native Extensions
  • Integrating with the Home Screen
  • Other Devices
  • A Homescreen Icon for the Jazz Calendar Site
  • Hiding Browser UI
  • Using the Accelerometer
  • Accessing Camera, Contacts, Calendar, and More - But Not Yet
  • PhoneGap
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
  • jQuery Mobile
  • Mobile Focus
  • Supported Platforms
  • The Basics
  • A First Example
  • Drag-and-Drop Code Builder
  • Gestures
  • Swiping to Change Pages
  • Using data Attributes
  • Handling Orientation Change
  • What About Desktops?
11. Framework: Foundation
  • Foundation: A Responsive Grid Framework
  • At First Look at Foundation
  • A Foundation Layout for Jazz Calendar

 
About us
Contact us
Careers at Wintrac
Our Clients
Why Wintrac


Register for a free training CD-ROM drawing
Refer a client or instructor and earn $$$


Wintrac Inc.
16523 SW McGwire Ct.
Beaverton OR 97007
 
© Wintrac, Inc. All rights reserved.                                                                               Site Map   |   Terms of Use   |   Privacy Policy