Making Your First PhoneGap App

Video is ready, Click Here to View ×


for a 7-day free trial. Earn valuable certifications as you learn web development, mobile development, and digital design.

You can learn to create mobile apps using the HTML skills you already have. To create mobile applications most developers have to learn a brand new language such as Swift or Java. However, that’s not the case if you use the PhoneGap library. The PhoneGap library can allow you to create apps that can be distributed in the Apple App Store and the Google Play Store.

I’ve found that the reason that most people don’t learn to create mobile apps is that they don’t have the time to learn new skills. That’s where PhoneGap comes in– You’ll learn to create mobile apps using the languages you already know– HTML and Javascript. The kinds of apps you can produce are virtually endless.

In this video, I’ll walk you through creating a full PhoneGap application and show you how to test it on your phone. It’s the whole dev process in one…

31 Comments on “Making Your First PhoneGap App”

  1. hi mark, so local storage in html 5 is deprecated, and all the local-storage will be removed if user clears browser cookies. I am wondering what is the most reliable way to store data. which will not be removed unless removed programmatically or when app is uninstalled etc.

  2. I wrote all as described but pressing Calculate button doesn't give any result to me.
    My code:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title>Dog Age Calculator</title>
    <script>
    window.onload=function()
    {
    document.getElementById('btnCalc').addEventListener('click', calcAge);
    }
    function calcAge(e)
    {
    var age = document.getElementById('dogAge').vaule;
    age = age *7;
    var result = "In dog years, your Dog is: " + age;
    document.getElementById('result').innerHTML = result;
    }
    </script>
    </head>
    <body>
    <script type="text/javascript" src="cordova.js"></script>
    <h1>Dog Age Calculator</h1>
    <label for="dogAge"> Dog Age in Human Years:</label>
    <input id="Dog Age" type="number" />
    <button id="btnCalc">Calculate</button>
    <div id="result"></div>
    </body>
    </html>

  3. Only if someone can help, In my phone after entering the server address, it's not getting connected and it's looped between downloading… and Tap to cancel. What shall I do?

  4. Hey, I would love it if you could respond to this comment.
    I love this

    When I try to use phone Gap in my phone, it connects but then instead of opening the "app" it just says downloading be the does that for hours please help

  5. I know it's been a while but I want to express just how much I appreciate you making these videos, never is something this isolated and niche made so well, but you did it. Thank you.

  6. Good brief! But what about financial side more deeply?
    Mobile app developers should prepare a financial feasibility study to be able to foresee their business results. This template can be useful for financial feasibility for mobile app developers: bit.ly/mobile-app-model

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.