Learn How To Create Mobile Apps With Html5

Create powerful Mobile Apps Using HTML5. A Definitive Course On Mobile App Creation From Infinite Skills

What you'll learn
Learn How To Create Powerful Mobile Apps Using HTML5
Requirements
PC or Mac
Description
This Creating Mobile Apps with HTML5 training course Infinite Skills 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. This course 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.

Overview

Section 1: Getting Started

Lecture 1 Important - Download These First - Working Files

Lecture 2 0101 What You Will Learn

Lecture 3 0103 What You Need To Know

Lecture 4 0104 Native Apps Versus HTML5 Apps

Lecture 5 0105 Required Software And A Primer On Using Terminal And Command Prompt

Lecture 6 0106 Installing Node.js Mac OSX

Lecture 7 0107 Installing Node.js Windows

Lecture 8 0108 Super Quick Setup With Yeoman And Bower

Lecture 9 0109 How To Access Your Working Files

Section 2: Introduction To The Project App

Lecture 10 0201 Making A Wireframe

Lecture 11 0202 HTML5 Features

Section 3: Constructing A Skeleton App

Lecture 12 0301 How To Work With The Code Samples

Lecture 13 0302 Making The List

Lecture 14 0303 Adding New Items - Part 1

Lecture 15 0304 Adding New Items - Part 2

Lecture 16 0305 Adding Details

Lecture 17 0306 Toggle Views - Part 1

Lecture 18 0307 Toggle Views - Part 2

Lecture 19 0308 Cleaning Up The Layout

Section 4: Using LocalStorage

Lecture 20 0401 Introduction To LocalStorage And Testing For Support With Modernizr

Lecture 21 0402 Making Data Fixtures In The Browser Console

Lecture 22 0403 Getting Data In And Out Of LocalStorage

Section 5: Using Handlebars To Make Templates

Lecture 23 0501 Setting Up Handlebars

Lecture 24 0502 Simple Implementation

Lecture 25 0503 Rendering Data From Localstorage With Handlebars

Section 6: The Detail View

Lecture 26 0601 Switching To The Detail View

Lecture 27 0602 Getting The Right Data To The Detail View

Lecture 28 0603 Navigating Back To The List View

Section 7: The Add Item And Edit Views

Lecture 29 0701 Adding Items

Lecture 30 0702 Editing Items

Lecture 31 0703 No Entry Cases

Section 8: Camera

Lecture 32 0801 Testing For Support With Modernizr

Lecture 33 0802 Accessing The Camera

Lecture 34 0803 Getting And Saving The Image

Lecture 35 0804 Viewing And Editing An Image

Section 9: Detecting Network Status

Lecture 36 0901 Introduction To Network Status

Lecture 37 0902 Detecting And Displaying Network Status

Section 10: Geolocation

Lecture 38 1001 Introduction To Geolocation

Lecture 39 1002 Adding Geolocation To A New Entry

Lecture 40 1003 Saving The Geolocation Data

Lecture 41 1004 Displaying Geolocation In Other Views

Section 11: Speech Recognition

Lecture 42 1101 A Basic Implementation Of Speech Recognition

Section 12: Further Resources

Lecture 43 1201 Other HTML5 APIs And Resources

Section 13: Conclusion

Lecture 44 1301 Wrap Up

Web Developers, Programmers