Beginners Guide to Building Mobile Web Apps

Video description

In this Beginners Guide to Building Mobile Web Apps, expert authors Chris Minnick and Eva Holland will teach you how to create mobile web apps that will be able to run on multiple mobile device operating systems. This course is designed for the absolute beginner, meaning no web development experience is required.

You will start by learning about the three types of mobile apps, then jump into learning how to design an app. Throughout the course, you will be working on designing, developing, and deploying a mobile ToDo list app. Minnick and Holland will teach you how to prototype the ToDo app, then show you how to set up your development environment. This video tutorial will also cover HTML5, how to style with CSS3, how to use JavaScript and jQuery, and how to create an app with jQuery Mobile. Finally, you will learn about mobile optimization techniques, as well as how to deploy your app and upload it to the web.

Once you have completed this computer based training course, you will be fully capable of creating your own mobile web app. Working files are included, allowing you to follow along with the authors throughout the lessons.

Publisher resources

View/Submit Errata

Table of contents

  1. Introduction
    1. Introduction And Overview
    2. About The Authors
    3. How To Access Your Working Files
  2. Why Create Mobile Web Apps?
    1. 3 Types Of Mobile Apps
    2. Native Apps
    3. Web Apps
    4. Hybrid Apps
  3. Designing An App
    1. Effective Mobile App Design
    2. User Centered And Mobile First Design
  4. App Prototyping
    1. Introduction To Prototyping
    2. Prototyping The ToDo Game App
  5. Setting Up Your Development Environment
    1. Installing The Development Environment
    2. Configuring The Development Environment
  6. HTML5 Crash Course
    1. What Is HTML?
    2. HTML5 Syntax
    3. Types Of HTML Elements
    4. Document Structure
    5. Semantic HTML
    6. Initial Demo App Layout
  7. Styling With CSS3
    1. What Is CSS3?
    2. Introducing CSS Selectors
    3. CSS Properties
    4. CSS Positioning
    5. Adding CSS To HTML
    6. Styling The Demo App - Navigation
    7. Styling The Demo App - Headers
  8. Introduction To Javascript
    1. What Is Javascript?
    2. Javascript Variables
    3. Introducing Data Types
    4. Numbers In Javascript
    5. Working With Strings
    6. Booleans, NaN And Undefined
    7. Javascript Expressions
    8. Javascript Operators
    9. Control Structures
    10. Loops
    11. Javascript Functions
    12. HTML DOM - Part 1
    13. Applying Javascript To The Demo App - Part 1
    14. Applying Javascript To The Demo App - Part 2
  9. JQuery
    1. What Can JQuery Do?
    2. JQuery Selectors
    3. JQuery Functions
    4. Converting The ToDo App To JQuery
  10. Your First App With JQuery Mobile
    1. Introducing JQuery Mobile
    2. JQuery Mobile Pages And Navigation
    3. JQuery Mobile Content And Widgets
    4. Applying JQuery Mobile To The ToDo App
  11. Mobile Optimization Techniques
    1. Offline Apps
    2. Local Storage
    3. Understanding The Viewport
    4. Mobile Meta Tags And App Icons
  12. Deploying Your App
    1. Uploading Your App To The Web Using FTP
    2. Creating A Hybrid App With PhoneGap Build
  13. Conclusion
    1. Wrap Up

Product information

  • Title: Beginners Guide to Building Mobile Web Apps
  • Author(s):
  • Release date: April 2015
  • Publisher(s): O'Reilly Media, Inc.
  • ISBN: 9781491914687