Creating Mobile Apps With HTML5

Video description

Creating Mobile Apps With HTML5

Video description

In this Creating Mobile Apps with HTML5 training course, expert author Jason Gonzalez takes you through the process of creating a mobile app using HTML5 from start to finish. This course is designed for users that already have a fundamental understanding of HTML and CSS.
You will start with an introduction to the project app you'll be creating, learning how to make a wireframe and covering HTML5 features. You will then learn how to construct a skeleton app, including making the list, adding new items and details, and cleaning up the layout. Jason will show you how to use LocalStorage, set up Handlebars to make templates, and work in the detail view. This video tutorial also covers how to add and edit items, use the camera, detect network status, and add Geolocation. Finally, you will learn how to implement speech recognition into your app.
Once you have completed this computer based training course, you will be fully capable of creating your own mobile app with HTML5. Working files are included, allowing you to follow along with the author throughout the lessons.

Publisher resources

Download Example Code

Getting Started

What You Will Learn 00:00:42

About The Author 00:00:41

What You Need To Know 00:02:14

Native Apps Versus HTML5 Apps 00:04:33

Required Software And A Primer On Using Terminal And Command Prompt 00:07:58

Installing Node.js Mac OSX 00:05:41

Installing Node.js Windows 00:03:58

Super Quick Setup With Yeoman And Bower 00:07:06

Introduction To The Project App

Making A Wireframe 00:01:24

HTML5 Features 00:01:46

Constructing A Skeleton App

How To Work With The Code Samples 00:03:09

Making The List 00:06:56

Adding New Items - Part 1 00:04:44

Adding New Items - Part 2 00:07:38

Adding Details 00:03:08

Toggle Views - Part 1 00:06:13

Toggle Views - Part 2 00:05:03

Cleaning Up The Layout 00:05:09

Using LocalStorage

Introduction To LocalStorage And Testing For Support With Modernizr 00:06:33

Making Data Fixtures In The Browser Console 00:05:08

Getting Data In And Out Of LocalStorage 00:02:52

Using Handlebars To Make Templates

Setting Up Handlebars 00:04:08

Simple Implementation 00:03:47

Rendering Data From Localstorage With Handlebars 00:02:27

The Detail View

Switching To The Detail View 00:05:23

Getting The Right Data To The Detail View 00:04:05

Navigating Back To The List View 00:03:13

The Add Item And Edit Views

Adding Items 00:06:53

Editing Items 00:07:13

No Entry Cases 00:01:57

Camera

Testing For Support With Modernizr 00:03:25

Accessing The Camera 00:06:27

Getting And Saving The Image 00:04:04

Viewing And Editing An Image 00:03:06

Detecting Network Status

Introduction To Network Status 00:01:41

Detecting And Displaying Network Status 00:03:14

Geolocation

Introduction To Geolocation 00:02:35

Adding Geolocation To A New Entry 00:04:10

Saving The Geolocation Data 00:02:44

Displaying Geolocation In Other Views 00:01:25

Speech Recognition

A Basic Implementation Of Speech Recognition 00:04:52

Further Resources

Other HTML5 APIs And Resources 00:01:40

Conclusion

Wrap Up 00:00:24

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.