Mobile Development Using HTML 5, Part 2 of 4

Course description

HTML 5 is the new web based code that will allow developers to create web applications for Android, iOS, and Windows Phone OS platforms with little to no changes between platforms. The course will explore many aspects of HTML 5 mobile development starting with an overview of HTML 5, then the use of CSS and JavaScript with HTML 5. Then it will show the building of the standard Hello World application and then moving into forms, layouts and the all important MVVM. The course will then move into data usage with local storage and SQL. Next the course will cover the Cloud and related services. Then the course will start to work with many different features of the phones, working with phone sensors and GEO location. At the end of the course it will touch upon working with contacts, design philosophy, CSS animations and more.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.

Prerequisites

This course assumes you have some programming background and experience using Visual Studio 2010 or some other programming platform. In addition, this course assumes knowledge of HTML. A very basic understanding of XML is also required.

Meet the expert

David Kelley

David Kelley is a Silverlight MVP with over 10 years of experience building Targeted Customer eXperiences. He is currently the Principal User eXperience Architect for [wire] stone specializing in touch experiences such as digital price tags and Silverlight-based kiosks for retail. David publishes a blog called Hacking Silverlight and helps to run the Seattle Silverlight User Group and Interact Seattle, Seattle's Designer Developer Interaction Group.

Video Runtime

116 Minutes

Time to complete

156 Minutes

Course Outline

Module 3

Forms (16:55)

• Introduction (00:30)
• HTML Form Basics (01:48)
• Demo: WP7 Forms (05:55)
• Demo: JavaScript Event Handlers (00:16)
• Demo: CSS (02:14)
• Demo: Running Form (01:13)
• Demo: Internet Browser (01:39)
• Demo: Adding a var (03:04)
• Summary (00:12)

Layout (09:49)

• Introduction (00:27)
• Demo: Form Layout (01:51)
• Demo: Style Sheet (04:39)
• Demo: Style Sheet for Devices (02:38)
• Summary (00:12)

MVVM (15:14)

• Introduction (00:30)
• Demo: MVVM (00:47)
• Demo: Knockout (05:12)
• Demo: View Model Class (04:00)
• Demo: Function (01:24)
• Demo: Running the App (03:04)
• Summary (00:14)

Validation (10:24)

• Introduction (00:26)
• Validation and Form Processing (01:21)
• Demo: Validation (01:09)
• Demo: Function Validate (03:49)
• Demo: How to use a Library (03:25)
• Summary (00:12)

Module 4

Local Data Storage (24:40)

• Introduction (00:28)
• Local Data Storage (00:47)
• Demo: WP7 Local Storage (13:06)
• Demo: Android Local Storage (03:12)
• Demo: iOS Local Storage (06:54)
• Summary (00:12)

PhoneGap API (39:19)

• Introduction (00:27)
• JavaScript PhoneGap API"s (01:02)
• Demo: PhoneGap API (09:40)
• Demo: Network Connection (05:24)
• Demo: Pause and Resume (04:26)
• Demo: Alerts (07:23)
• Demo: PhoneGap API in iOS (10:35)
• Summary (00:18)