Mobile Development Using HTML 5, Part 4 of 4
Interactive

Mobile Development Using HTML 5, Part 4 of 4

LearnNow Online
Updated Oct 26, 2018

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

150 Minutes

Time to complete

190 Minutes

Course Outline

Module 7

Working with Media (25:50)

  • Introduction (00:24)
  • Multi Media On Device (00:31)
  • Demo: Media (16:08)
  • Demo: Recording Audio (08:33)
  • Summary (00:12)

Uploading Media (16:53)

  • Introduction (00:25)
  • Media in the cloud (00:53)
  • Demo: Uploading Media (15:22)
  • Summary (00:12)

Geolocation (17:46)

  • Introduction (00:26)
  • Maps and Geolocation (01:34)
  • Demo: GPS (07:27)
  • Demo: Compass (08:05)
  • Summary (00:12)

Working with Contacts (10:46)

  • Introduction (00:26)
  • Working with Contacts (00:51)
  • Demo: Contacts (09:16)
  • Summary (00:12)
Module 8

Tools and Support (10:07)

  • Introduction (00:31)
  • Tools and Support (04:33)
  • Demo: Tools (04:49)
  • Summary (00:13)

Design Philosophy (09:44)

  • Introduction (00:46)
  • Mobile Design Philosophy (02:39)
  • Demo: Apple Design (02:18)
  • Demo: Android Design (01:31)
  • Demo: Windows Design (02:07)
  • Summary (00:20)

CSS Animations (45:10)

  • Introduction (00:37)
  • CSS Animation Basics (01:53)
  • Demo: Animation Basics (00:35)
  • Demo: jQuery for Animation (01:20)
  • Demo: Pivot (04:03)
  • Demo: Style Sheet (07:29)
  • Demo: Testing the App (01:14)
  • Demo: Logic for Animation (03:36)
  • Demo: Helper Functions (04:18)
  • Demo: Switch Statement (04:43)
  • Demo: Logic for Pivots (06:38)
  • Demo: Run the App (01:47)
  • Demo: Animation in iOS (01:56)
  • Demo: Style Sheet (01:45)
  • Demo: Run the App in iPhone (02:55)
  • Summary (00:12)

Touch and Hybrid (14:04)

  • Introduction (00:36)
  • Touch APIs and Gestures (03:08)
  • Hybrid Applications (01:16)
  • Demo: Hybrid Application (02:11)
  • Demo: Run Hybrid Application (01:22)
  • Demo: Create a XAML Page (03:19)
  • Demo: Run the XAML Page (01:46)
  • Summary (00:22)