O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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.

Table of Contents

  1. Introduction
    1. Introduction And Overview 00:01:30
    2. About The Authors 00:01:09
    3. How To Access Your Working Files 00:01:15
  2. Why Create Mobile Web Apps?
    1. 3 Types Of Mobile Apps 00:01:07
    2. Native Apps 00:01:38
    3. Web Apps 00:01:25
    4. Hybrid Apps 00:01:25
  3. Designing An App
    1. Effective Mobile App Design 00:01:28
    2. User Centered And Mobile First Design 00:02:09
  4. App Prototyping
    1. Introduction To Prototyping 00:02:29
    2. Prototyping The ToDo Game App 00:03:05
  5. Setting Up Your Development Environment
    1. Installing The Development Environment 00:03:21
    2. Configuring The Development Environment 00:03:23
  6. HTML5 Crash Course
    1. What Is HTML? 00:01:54
    2. HTML5 Syntax 00:02:32
    3. Types Of HTML Elements 00:02:19
    4. Document Structure 00:01:34
    5. Semantic HTML 00:01:47
    6. Initial Demo App Layout 00:03:18
  7. Styling With CSS3
    1. What Is CSS3? 00:01:58
    2. Introducing CSS Selectors 00:03:23
    3. CSS Properties 00:04:11
    4. CSS Positioning 00:04:55
    5. Adding CSS To HTML 00:02:26
    6. Styling The Demo App - Navigation 00:06:10
    7. Styling The Demo App - Headers 00:02:44
  8. Introduction To Javascript
    1. What Is Javascript? 00:02:54
    2. Javascript Variables 00:03:04
    3. Introducing Data Types 00:02:13
    4. Numbers In Javascript 00:02:22
    5. Working With Strings 00:02:59
    6. Booleans, NaN And Undefined 00:01:35
    7. Javascript Expressions 00:01:00
    8. Javascript Operators 00:04:50
    9. Control Structures 00:01:41
    10. Loops 00:02:44
    11. Javascript Functions 00:03:06
    12. HTML DOM - Part 1 00:06:13
    13. Applying Javascript To The Demo App - Part 1 00:06:42
    14. Applying Javascript To The Demo App - Part 2 00:03:26
  9. JQuery
    1. What Can JQuery Do? 00:02:06
    2. JQuery Selectors 00:01:50
    3. JQuery Functions 00:02:41
    4. Converting The ToDo App To JQuery 00:03:55
  10. Your First App With JQuery Mobile
    1. Introducing JQuery Mobile 00:04:14
    2. JQuery Mobile Pages And Navigation 00:02:53
    3. JQuery Mobile Content And Widgets 00:02:19
    4. Applying JQuery Mobile To The ToDo App 00:06:20
  11. Mobile Optimization Techniques
    1. Offline Apps 00:06:09
    2. Local Storage 00:05:19
    3. Understanding The Viewport 00:02:18
    4. Mobile Meta Tags And App Icons 00:06:33
  12. Deploying Your App
    1. Uploading Your App To The Web Using FTP 00:04:39
    2. Creating A Hybrid App With PhoneGap Build 00:05:12
  13. Conclusion
    1. Wrap Up 00:02:05