Your privacy matters: This site uses cookies to analyze site usage and provide social media features. Learn More.

Mobile Development with HTML5, CSS3, and JavaScript

MBL-200 (5 Days)
4.56 out of 5 (151 reviews)  

Request Pricing

Mobile Development Training Overview

Accelebrate's Mobile Web Development with HTML5/CSS3 and JavaScript training class teaches students how to produce dynamic, cross-browser compatible mobile sites using HTML5, CSS3, and JavaScript.

Location and Pricing

Most Accelebrate courses are delivered as private, customized, on-site training at our clients' locations worldwide for groups of 3 or more attendees and are custom tailored to their specific needs. Please visit our client list to see organizations for whom we have delivered private in-house training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote for private training at your site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. See a schedule of online courses.

Mobile Development Training Objectives

  • Create a website that can respond to the specific needs of the environment on which it is being viewed, presenting a layout that is equally - and differently - appropriate for mobile, tablet, and desktop devices
  • Learn to leverage the capabilities of HTML5 to present mobile-friendly sites, and understand the varying levels of support for some features among different devices
  • Understand how to use CSS Media Queries to display content modified to fit the client device
  • Understand the GeoLocation API and use it to integrate the user's location into websites
  • Integrate video and other media appropriately for mobile devices
  • Learn how to use the jQuery Mobile framework to add support effects and animation

Mobile Development Training Outline

Expand All | Collapse All | Printer-Friendly

Introduction
The Languages
  • The Languages of Modern Web Development
  • What is HTML5?
    • The Role of HTML5
    • HTML5 Basic (boilerplate) code
    • Writing Basic HTML
  • What is CSS3?
    • The Role of CSS
    • CSS Frameworks, Libraries and Preprocessors
    • CSS Fundamentals
  • What is JavaScript?
    • The Role of JavaScript
    • Where JavaScript is written
    • JavaScript Libraries and Frameworks
  • What is jQuery?
    • jQuery vs. standard JavaScript
  • Getting Started with jQuery
    • Locating and using the jQuery library
    • The jQuery Wrapper
    • The jQuery document.ready() function
The Development Environment
  • Introduction to the Development Environment: Tools every developer will need
    • Installing a Wireframe Tool
    • Installing a Text/Code Editor
  • Integrated Development Environment's (IDEs)
    • Installing an Eclipse IDE and Test
    • Installing Titanium Studio/Aptana IDE
    • Installing other IDE's (NetBeans, Dreamweaver)
  • Debuggers
    • Browser development tools
    • Online Code Validators
    • IDE Debuggers
  • Simulators and Emulators
    • Runtimes
    • Device Pairing Solutions
Designing for the Mobile Web
  • Types of Mobile Applications
  • Native Apps
    • Hybrid Apps
    • Dedicated Web App
    • Generic Mobile App
  • How do you decide which App type to build?
    • Qualities of a dedicated Web App:
    • Qualities of a native Web App:
    • Qualities of a Hybrid App
  • Overview of Mobile Best Practices
    • Design Best Practices
    • Markup Best Practices
    • Architecture Best Practices
Introduction to HTML5
  • Introduction to HTML5 for Mobile Development
  • HTML5 Syntax
    • HTML5 Page Structure
    • Writing initial HTML5 code
  • HTML5 Content Models
    • HTML5 Deprecated Elements
    • HTML5 Elements with New Meanings
    • HTML5 Deprecated Attributes
  • Structural and Semantic Elements
    • Building a Desktop/Mobile Web Page
    • Using the ViewPort meta tag
    • Preparing the file for CSS
    • Using the Modernizr JavaScript library
    • Examining a template-based HTML page
  • New HTML5 Elements
    • What are the new Elements?
    • How do I use the new Elements?
    • Checking for Browser Support
  • New HTML5 Media Elements
    • When do I use these new elements?
    • The Video and Audio API
    • Using the video elements attributes
  • New HTML5 Form Elements and Attributes
    • New Form Input Types
    • HTML5 Form Validation
    • Form Fallback solutions
  • New HTML5 Canvas Element
    • What are the new elements?
    • Detecting browser support for <canvas>
    • Using the <canvas> element
    • Drawing Rectangles on <canvas>
    • Drawing Arcs on the <canvas>
    • Drawing Quadratic Curves
    • Drawing Bezier Curves on the <canvas>
    • Creating a Linear Gradient
    • Creating a Pattern on the <canvas>
    • Canvas API Properties
    • Canvas Fallback solutions
  • Web Storage
    • What is Web Storage?
    • The Web Storage API
    • When NOT to use Web Storage
    • Detecting browser support for Web Storage
    • Cookies vs. Session Storage vs. LocalStorage
    • Storing and Retrieving client-side data
    • Using sessionStorage
    • Responding to the storage event
    • Storage Fallback solutions
  • Geolocation
    • What is Geolocation
    • What is Geolocation Used for?
    • The Geolocation Object
    • Checking for geolocation support
    • Finding the users location
    • Using Unobtrusive JavaScript and jQuery
    • Display location with Google Map
    • Obtaining position information
    • Geolocation Fallback solutions
  • Web Messaging
    • What is Web Messaging
    • Messaging's postMessage Method
    • Establishing Trust between Domains
    • What is Cross Origin Resource Sharing (CORS)
    • Ports and Channel Messaging
    • The Message Event Object Properties
    • Checking for WebStorage Browser Support
    • Sending Cross-Document Messages
    • WebStorage Fallback solutions
  • Web Workers
    • What are Web Workers
    • Why use Web Workers
    • The Worker Object
    • Types of Web Workers
    • Checking for Web Worker Support
    • Creating a Web Worker
    • Controlling Web Workers using JavaScript
    • Terminating a Web Worker
    • Web Worker Error Event
    • Creating Shared Workers
  • Drag and Drop
    • What is Drag and Drop
    • What is Drag and Drop Used for?
    • Browser Support for Drag and Drop
    • Understanding Drag and Drop
    • The draggable attribute
    • Drag and Drop with a Data "payload"
    • Drag Events
    • Drop Event
    • Responding to the Drop Event
    • Drag and Drop with jQuery
  • Offline Applications
    • What is an Offline Application?
    • Why do we need offline Applications?
    • Understanding Browser Cache
    • Understanding applicationCache
    • Checking browser support
    • Understanding the Cache Manifest File
    • Associating the Cache Manifest with a Web Page
    • Understanding Cache Events
  • XMLHTTPRequest Level 2
    • What is XMLHttpRequest (XHR)?
    • The XHR Object
    • Checking for Browser Support
    • Understanding the onprogress Event
    • Understanding the onload event
    • Displaying XML returned from XHR
  • Web Sockets
    • HTTP and the request/response Model
    • Communicating with the Server
    • What is a Web Socket
    • Using a WebSocket Server with the WebSocket API
  • Server-Sent Events
    • What are Server Sent Events?
    • Creating an EventSource
    • The Advantages of Server-Sent Events
    • The Disadvantages of Server-Sent Events
    • Using Server Sent Events
Cascading Style Sheets
  • CSS Syntax
  • CSS Selectors
    • ID Selectors:
    • Class Selectors:
    • Compound Selectors:
    • Using CSS Selectors
    • More CSS Selectors
  • Getting Started with CSS
    • The CSS Reset
    • Examine a CSS Boilerplate file
    • Basic CSS Design Best Practices
  • CSS Layout
    • CSS Layout Properties
    • Getting Started with CSS Layout
  • CSS Typography
    • Type considerations
    • Sizing Fonts
    • CSS Typographic Properties
    • Getting Started with CSS Typography
    • Embedding Fonts in your Website/Web Application
  • CSS Backgrounds and Color Properties
    • Expressing Color Values with CSS
    • Background properties
  • Object-Oriented CSS
  • Minifying CSS
  • CSS3 New Features
    • What is CSS3?
    • CSS3 Backgrounds and Shadows
    • CSS3 Transforms
    • CSS Transforms: Properties and Methods
    • CSS3 Transitions
    • CSS3 Animations
    • CSS3 3D Animations
    • 3D Transformations
    • CSS3 Animation
    • CSS Preprocessors
Introduction to jQuery Fundamentals
  • Selecting Elements with jQuery
  • Generating HTML
Intermediate jQuery
  • The jQuery Wrapped Set
  • The jQuery Event Model
  • Working with jQuery Effects
  • Working with jQuery Animation
Conclusion
Request Pricing

Related Topics

Lecture percentage

40%

Lecture/Demo

Lab percentage

60%

Lab

Course Number:

MBL-200

Duration:

5 Days

Prerequisites:

All attendees would ideally have some experience with HTML prior to the training. Prior programming/scripting experience is helpful but not required.

Training Materials:

All attendees receive comprehensive courseware and a related textbook.

Software Requirements:

  • Web or text editor of your choice
  • Web browsers - a recent version of one or more of the following:
    • Google Chrome
    • Mozilla Firefox
    • Internet Explorer (9 or later)
    • Safari (5 or later)
    • Opera
  • If space on a web server is available, students may also wish to bring their mobile devices so they can test how pages appear on these devices; otherwise, we will recommend an emulator.
  • Please contact us for comprehensive setup details

Contact Us:

Accelebrate’s training classes are available for private groups of 3 or more people at your site or online anywhere worldwide.

Don't settle for a "one size fits all" public class! Have Accelebrate deliver exactly the training you want, privately at your site or online, for less than the cost of a public class.

For pricing and to learn more, please contact us.

Contact Us

Toll-free in US/Canada:
877 849 1850
International:
+1 678 648 3113

Toll-free in US/Canada:
866 566 1228
International:
+1 404 420 2491

925B Peachtree Street, NE
PMB 378
Atlanta, GA 30309-3918
USA

Subscribe to our Newsletter:

Never miss the latest news and information from Accelebrate:

Microsoft Gold Partner

Please see our complete list of
Microsoft Official Courses

Recent Training Locations

Alabama

Huntsville

Montgomery

Birmingham

Alaska

Anchorage

Arizona

Phoenix

Tucson

Arkansas

Fayetteville

Little Rock

California

San Francisco

Oakland

San Jose

Orange County

Los Angeles

Sacramento

San Diego

Colorado

Denver

Boulder

Colorado Springs

Connecticut

Hartford

DC

Washington

Florida

Fort Lauderdale

Miami

Jacksonville

Orlando

Saint Petersburg

Tampa

Georgia

Atlanta

Augusta

Savannah

Idaho

Boise

Illinois

Chicago

Indiana

Indianapolis

Iowa

Ceder Rapids

Des Moines

Kansas

Wichita

Kentucky

Lexington

Louisville

Louisiana

Banton Rouge

New Orleans

Maine

Portland

Maryland

Annapolis

Baltimore

Hagerstown

Frederick

Massachusetts

Springfield

Boston

Cambridge

Michigan

Ann Arbor

Detroit

Grand Rapids

Minnesota

Saint Paul

Minneapolis

Mississippi

Jackson

Missouri

Kansas City

St. Louis

Nebraska

Lincoln

Omaha

Nevada

Reno

Las Vegas

New Jersey

Princeton

New Mexico

Albuquerque

New York

Buffalo

Albany

White Plains

New York City

North Carolina

Charlotte

Durham

Raleigh

Ohio

Canton

Akron

Cincinnati

Cleveland

Columbus

Dayton

Oklahoma

Tulsa

Oklahoma City

Oregon

Portland

Pennsylvania

Pittsburgh

Philadelphia

Rhode Island

Providence

South Carolina

Columbia

Charleston

Spartanburg

Greenville

Tennessee

Memphis

Nashville

Knoxville

Texas

Dallas

El Paso

Houston

San Antonio

Austin

Utah

Salt Lake City

Virginia

Richmond

Alexandria

Arlington

Washington

Tacoma

Seattle

West Virginia

Charleston

Wisconsin

Madison

Milwaukee

Alberta

Edmonton

Calgary

British Columbia

Vancouver

Nova Scotia

Halifax

Ontario

Ottawa

Toronto

Quebec

Montreal

Puerto Rico

San Juan

© 2013-2019 Accelebrate, Inc. All Rights Reserved. All trademarks are owned by their respective owners.