Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
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.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Getting Started|
Important - Download These First - Working Files
0101 What You Will LearnPreview
0103 What You Need To KnowPreview
0104 Native Apps Versus HTML5 AppsPreview
0105 Required Software And A Primer On Using Terminal And Command PromptPreview
0106 Installing Node.js Mac OSX
0107 Installing Node.js Windows
0108 Super Quick Setup With Yeoman And Bower
0109 How To Access Your Working Files
|Section 2: Introduction To The Project App|
0201 Making A Wireframe
0202 HTML5 Features
|Section 3: Constructing A Skeleton App|
0301 How To Work With The Code Samples
0302 Making The List
0303 Adding New Items - Part 1
0304 Adding New Items - Part 2
0305 Adding Details
0306 Toggle Views - Part 1
0307 Toggle Views - Part 2
0308 Cleaning Up The Layout
|Section 4: Using LocalStorage|
0401 Introduction To LocalStorage And Testing For Support With Modernizr
0402 Making Data Fixtures In The Browser Console
0403 Getting Data In And Out Of LocalStorage
|Section 5: Using Handlebars To Make Templates|
0501 Setting Up Handlebars
0502 Simple Implementation
0503 Rendering Data From Localstorage With Handlebars
|Section 6: The Detail View|
0601 Switching To The Detail View
0602 Getting The Right Data To The Detail View
0603 Navigating Back To The List View
|Section 7: The Add Item And Edit Views|
0701 Adding Items
0702 Editing Items
0703 No Entry Cases
|Section 8: Camera|
0801 Testing For Support With Modernizr
0802 Accessing The Camera
0803 Getting And Saving The Image
0804 Viewing And Editing An Image
|Section 9: Detecting Network Status|
0901 Introduction To Network Status
0902 Detecting And Displaying Network Status
|Section 10: Geolocation|
1001 Introduction To Geolocation
1002 Adding Geolocation To A New Entry
1003 Saving The Geolocation Data
1004 Displaying Geolocation In Other Views
|Section 11: Speech Recognition|
1101 A Basic Implementation Of Speech Recognition
|Section 12: Further Resources|
1201 Other HTML5 APIs And Resources
|Section 13: Conclusion|
1301 Wrap Up
Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.
The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.