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