Topics

This course introduces the following areas of mobile app development:

  • HTML5 for Mobile Apps
  • CSS for Responsive Web Design
  • jQuery Mobile
  • Hybrid Apps with Apache Cordova
  • AJAX and JSONP
  • Native Android Development
  • Responsive Web Design with Bootstrap

Audience

Developers and Web Designers.

Prerequisites

Previous experience with HTML5 is recommended. Previous experience with Java or similar language is required.

Duration

Five Days

Outline for Mobile Development Bootcamp Training

Module 01. The Mobile Landscape

  • Device Types
  • Platform Comparison
  • Types of Mobile Applications
  • Choosing a Development Strategy

Module 02. Introduction to HTML5

  • History of HTML5
  • New Features of HTML5
  • Current Browser Support for HTML5
  • HTML5 vs. Flash

Module 03. Forms

  • Form Field Types
  • Forms and Validation
  • HTML5 CSS Pseudo-Classes

Module 04. Canvas

  • The <canvas> Element
  • <canvas> vs. <svg>
  • Drawing

Module 05. Offline Storage

  • Web Storage
  • Web SQL
  • IndexDB

Module 06. Offline Processing

  • Offline Concepts
  • The Cache Manifest
  • applicationCache

Module 07. Web Workers

  • Multi-Threading
  • Support for Workers
  • Using Workers

Module 08. Web Sockets

  • Server Push
  • API
  • Server Implementations

Module 09. CSS3 and Responsive Web Design

  • Media queries
  • Device orientation
  • Aspect ration

Module 10. Modernizr

  • The JavaScript Component of Responsive Design
  • Feature Detection
  • Uses

Module 11. jQuery Overview

  • Benefits of Using a JavaScript Library
  • The DOM ready event
  • The jQuery Function
  • The jQuery Wrapper

Module 12. Selectors

  • The Sizzle Engine
  • Using Selectors
  • JavaScript ‘this’
  • The Function call() Method

Module 13. Style Class Manipulation

  • Specifying Style Properties
  • Specifying Style Classes
  • Dimensions
  • Attributes

Module 14. DOM Manipulation

  • The $ Function
  • Getters and Setters
  • Appending/Removing DOM Elements
  • Performance

Module 15. The jQuery Mobile Toolkit

  • Single HTML File
  • Anatomy of a Page
  • Themes
  • ListViews

Module 16. Apache Cordova (PhoneGap)

  • The Cordova Model
  • Usage
  • Packaging Cordova Apps
  • Adobe PhoneGap Build

Module 17. Ajax

  • What is AJAX?
  • The jQuery AJAX API
  • JSON and JQuery

Module 18. JSONP

  • Same-origin Policy
  • Implementation
  • Limitations

Module 19. Modern Web Design

  • Semantic Markup – HTML
  • Presentation – CSS
  • Behavior – JavaScript
  • Responsiveness

Module 20. The Architecture of Android

  • The Kernel
  • Libraries
  • The Dalvik VM

Module 21. The Development Environment

  • The SDK
  • Using a Third-Party JAR
  • Dalvik Debug Monitor Service (DDMS)

Module 22. Application Fundamentals

  • The Manifest File
  • Activity Lifecycle
  • Process Lifecycle

Module 23. Basic GUI Programming

  • View Hierarchy
  • Creating Views Programmatically
  • XML Layout

Module 24. Fragments

  • Creating a Fragment
  • Add a Fragment to an Activity
  • The Fragment Lifecycle

Module 25. Testing Applications

  • Special testing Considerations
  • Android Testing Framework
  • Testing on a Device

Module 26. Introduction to Bootstrap

  • Introduction to Bootstrap
  • Features
  • Plugins

Module 27. The Grid

  • The Grid expanded (and contracted)
  • Advanced Grid
  • LESS interaction

Module 28. Navigation

  • Navbars
  • Breadcrumbs
  • Pagination

Module 29. Selectable Components

  • Dropdowns
  • Buttons
  • Listgroups

Module 30. Display Components

  • Jumbotron
  • Progress bar
  • Labels