10 Apps in 10 Weeks

Learn App Development by Making Apps: Mobile App Development with HTML5
3.0 (18 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,154 students enrolled
40% off
Take This Course
  • Lectures 98
  • Length 14.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


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.

About This Course

Published 3/2015 English

Course Description

So you want to be a Mobile App Developer?

With Ten Apps in Ten Weeks you will learn how to build Ten Different Apps in Ten weeks. Each app is unique and while building it you'll learn a unique and important skill set used by professional app developers every day. Each app includes full source code, step-by-step building tutorial, and any needed video, music and graphic assets.

You'll build all of these apps:

The Sound of Muzik: A fully-featured MP3 Player
Chuck Norris Joke Generator: Chuck Norris jokes at the click of a button
Philly Trains:When are the next trains coming? (Philly Transit System)
Current Weather:What's the weather like where you are?
Weather Forecaster:What's the Weather Forecast?
Where Am I: Show me a map of where I am standing right now!
I'm Hungry!I'm Hungry: What restaurants are Close to me?
Scout Compass: Scouts Never leaves Home without their trusty compass!
Whack-a-Mole Game: Whack the mole. Hilarity ensues.
Bat Hunt: Kill the Bats before you run out of time.

While creating these apps you'll learn skills like media control, web service consumption, XML and JSON parson, jQuery Mobile, Google Maps™, Google Places API™, geolocation, gaming techniques and much, much more.

Forget choosing Android, iOS or Kindle... These apps can easily be deployed to all three of the largest app stores and we'll show you how.

Upon course release you'll have access to all 10 Weeks of the course and all the apps, tutorials, videos and other content.

There is simply no better way to learn mobile app development.

Included with this bundle is our full course HTML5 Mobile App Development. This course will comprehensively cover HTML5 mobile app development from top to bottom. You'll be able to do the following after this course:

  • Set up your app development studio with tools of the trade.
    • Test Your app on virtual and actual mobile devices
    • Write appropriate HTML5 for mobile
    • Use CSS3 to create stunning mobile user interfaces
    • Understand the "10 Foot Experience" (Mobile apps on your TV)
    • Use web services (like Google APIs™)
    • Parse XML and JSON content
    • Store data on the device
    • Create apps that work offline
    • Integrate audio and video and control media playback
    • Use geolocation services and Google Maps™
    • Work with the device accelerometer hardware
    • Use jQuery Mobile controls and styling
    • Use a devices internal storage system
    • Work with device contacts
    • Work with device notifications
    • Understand in-app purchasing
    • Place your finished app in the app store
  • You'll start by immediately become a developer in one (or more) of the three largest app stores so you can have a place to distribute (or sell) apps that you develop.

    This course is a great complement to 10 Apps in 10 Weeks and will help you fully understand the mobile app development process.

    What are the requirements?

    • Basics of HTML and Javascript

    What am I going to get from this course?

    • Create am MP3 Player Mobile App
    • Create a Mobile App that Interacts with a Simple API
    • Create a Mobile App that interacts with a Parameterized API
    • Create an App that parses complex XML
    • Create an App that parses complex jQuery
    • Create an App that utilizes Geolocation
    • Create an app that uses the Google Maps API
    • Create an app that uses the Google Places API
    • Create an app that uses mobile hardware such as the compass
    • Create Mobile Games
    • Understand how to set up a mobile development environment
    • Understand how to test mobile applications
    • Create apps targeted at multiple screen sizes
    • Understand how to obtain data from the user
    • Create apps that display images
    • Understand how to apply CSS for mobile
    • Create applications that play audio
    • Create applications that play video
    • Learn how to control audio and video with Javascript
    • Create apps that use the on-board camera
    • Create apps that store content on the device
    • Create apps that store data on a server
    • Use Geolocation tools to pinpoint user location
    • Display a map from Google Maps
    • Work with the device accelerometer
    • Use the Accelerometer as an input device
    • Create Interfaces with jQuery mobile
    • Create Pages, toolbars and buttons with jQuery mobile
    • Create jQuery Mobile ListViews
    • Work with the File API's
    • Work with Device API's
    • Create apps that interact with device contacts
    • Use the notifications aPI
    • Understand the Config.xml
    • Understand how to distribute your application in App Stores

    Who is the target audience?

    • New Mobile App Developers
    • Web Designers and Developers who want to build mobile apps
    • People who want to put their first app in the app store
    • Teachers and students
    • Anyone who wants to learn mobile app development by making apps

    What you get with this course?

    Not for you? No problem.
    30 day money back guarantee.

    Forever yours.
    Lifetime access.

    Learn on the go.
    Desktop, iOS and Android.

    Get rewarded.
    Certificate of completion.


    How to Use This Program
    Section 1: Welcome to 10 Apps in 10 Weeks
    Welcome to Week 1! The first app you will build is called The Sound of Muzik which is an full MP3 player application that can play any MP3s you have in your library.
    The Sound of Muzik Tutorial
    MP3 Player Application Guide
    25 pages
    Section 2: Create a Joke Generator App
    This week you will learn to build an application that pulls a Chuck Norris joke from a web service. You will also build a second joke generator where you enter a first and last name, that are then integrated into a joke.
    Create a Chuck Norries Joke Generator Tutorial
    Chuck Norris Joke Generator Guide
    25 pages
    Section 3: Create a Transit System Schedule App
    This next app is especially helpful if you live in Philadelphia and take the trains. This app shows you when the next trains are coming, from any train station inside the Philadelphia system.
    Philly Trains App Tutorial
    Philly Trains App Guide
    42 pages
    Section 4: Create a Current Weather App
    This app will read whatever zip code you enter and provide whatever the current weather conditions are, for that zip code.
    Current Weather Conditions Tutorial
    Current Weather App Guide
    21 pages
    Section 5: Create a Weather Forecast App
    This week, you will build an app that will predict the weather, instead of just providing the current weather.
    Weather Forecase App Tutorial
    Weather Forecast App Guide
    25 pages
    Section 6: Create a Geolocation App
    Not sure where you are? This week's app will help! You will be introduced to geolocation. Simply press a button and this app will show you where you are.
    Where Am I? App Tutorial
    Where Am I? App Guide
    21 pages
    Section 7: Create a Restaurant Finder App
    This week, you will build an app that gives you a list of the ten closest restaurants to you, that are open.
    I'm Hungry App Tutorial
    I'm Hungry App Guide
    24 pages
    Section 8: Create a Compass App
    We’ll dive in to the device hardware this week and use your mobile devices’ internal compass to create a Scout-style compass with rotating compass rose.
    Scout Compass App Tutorial
    Scout Compass App Guide
    19 pages
    Section 9: Create a Whack-A-Mole Game App

    Create a multi-level game of Whack-A-Mole! This app will take some time but has a great final outcome.

    Whack-A-Mole App Tutorial
    Whack-A-Mole App Guide
    51 pages
    Section 10: Create a Bat Hunt Game App

    Bat Hunt is the final app in the series. You will create a bat hunt game, where you have to shoot a bat as it becomes increasingly faster and harder to hit.

    Bat Hunt App Tutorial
    Bat Hunt App Guide
    34 pages
    Section 11: Development Environments

    Mark reveals some hints that will help you on the path to successfully completing this course. Some of the most successful students frequently use the pause button, use two screens and are always coding along with the instructor.


    Mark explains why it is important to complete all the lab exercises included with the course. These labs are specifically included so that you can make sure you understand and can use course material after completeing each chapters videos.


    Learn the easy steps to becoming an Amazon app store developer and sign up at developer.amazon.com/appsandservices . After registering, you will also have access to the free javascript bundle by submitting a form at goo.gl/LCtRqf


    HTML5 Mobile Developement is a course where you will learn to create fully featured applications using the PhoneGap library. Your instructor, Mark, guides you through the course using HTML5 and related languages.


    For this course, you will need to download some specific tools (PhoneGap, your text editor and any SDKs, if you want to test your app on a device). This video shows you where to go to download your tools for the course.


    In this video, you will write the code to make your first app, "Hello World". Using the PhoneGap command line tool, you will build the app and view it in the Android emulator.


    It's crucial to be able to test your app, in order to make sure it works how you want. There are two types of app testing for HTML5, emulator and simulator. Mark shows how to run your app on a connected device.


    Most developers wants to distribute their finished app to the app stores. The three largest app stores are the Apple App store, the Googly Play store, and Amazon's App store for Android. Amazon evangelist, Peter, describes Amazon app store services in more detail.

    Lab Exercise 1
    1 page
    Section 12: HTML5 for Mobile
    Intro to HTML5 for Mobile

    Learn about application structure by creating a new PhoneGap application. Mark will also suggest a structure for the www folder in the HTML5 app.


    Create an application that moves from screen to screen with buttons. You will use Javascript code that will change the interface when the user interacts with it.


    Obtaining a great amount of data from a user can be difficult to enter on a mobile device. Using the form tag can make it easier for the user to do this. Also, optimizing the keyboards for email and/or phone numbers can make data entry easier as well.


    Displaying images in HTML5 mobile applications is essentially the same as in a website. However, it's important to think about how an image will look across different mobile devices. You can manipulate this by using contain percentage with the maximum width, but you will still need to be careful with the size of your image.

    Lab Exercise 2
    1 page
    Section 13: CSS3 for Mobile
    Intro to CSS3 For Mobile

    Your instructor discusses styling elements with CSS by using a typography sample. There are a number of elements when working with typography that you can manipulate such as the font, font size, color and more.

    Mark covers how to set up your page correctly by manipulating page elements to make for the best experience on mobile devices. You will learn about the Box Model, which is critical in understanding how anything is controlled for CSS layout, as well as floating elements.

    It's important to plan your app to look good across multiple devices. This is where media queries come in. Using the media queries, you will be able to work with the max-width and min-width to set breakpoints for your screen that will translate across many devices.


    Mark gives a brief overview of the 10 foot experience, and introduces some Amazon hardware that displays Amazon applications on the television. Amazon evangelist, Peter, also discusses some important tips to keep in mind when designing television based apps.

    Lab Exercise 3
    1 page
    Section 14: Service Oriented Architecture for Mobile
    Intro to Service Oriented Architecture for Mobile
    In this video, you will learn how to contact a server and get a value back from a Chuck Norris API to make a Chuck Norris joke generator. The Chuck Norris API is an external server, and can be found at icndb.com/api.
    In this video, you will learn how to contact a server and get a value back from a Chuck Norris API to make a Chuck Norris joke generator. The Chuck Norris API is an external server, and can be found at icndb.com/api.
    Using a Get the Weather app, you will learn how to parse XML data from a server. This is done by parsing XML data that is returned, and using the results from XML to display an output result which is then put into a div on the app.
    The SEPTA Airport station app, parses data from a web service to provide data on a transit system. The raw data for this app is in JSON form.
    Lab Exercise 4
    1 page
    Section 15: Storing Data
    Intro to Storing Data
    By using the Store.js library you can create applications that save information that a user inputs. This data persists even when your app is refreshed and reopened. Mark demonstrates this by creating an application that displays a table of song that were input by the user.
    With a little bit of code you can store information that comes from a device, on a server. Using a PHP program, the information sent from the application and put into an array called list.
    Sometimes when creating apps, you want to make sure that they work offline, without an internet connection, through cellular service, 4G, 3G or a wireless network. You can easiely do this by creating an apache.
    Lab Exercise 5
    1 page
    Section 16: Using Media
    Intro to Audio and Video
    Playing audio and video is actually relatively simple. Mark will show you what code to enter so that your audio and or video will play on your app, as well as providing some tips on what kind of audio and video files you may want to include.
    In this video, Mark demonstrates how to control media playback using Javascript. He does this by using Play, Pause and Stop buttons on the app, that have controls attached to them to complete these tasks.
    Learn how to create a fully featured MP3 player application. This will include play, pause and stop buttons, volume control, elapsed time of songs, and a list of songs to choose from, where you can change the song playing, by clicking another on the list.
    Mark has created a PhoneGap application called Smile, that will allow you to take a picture and view it. This is done relatively simply, by adding the camera plug-in with the command line, long with a basic skeleton structure that he explains throughout the video.
    Lab Exercise 6
    1 page
    Section 17: Geolocation
    Intro to Geolocation
    Where Am I?, is a geolocation application in PhoneGap. You can use this by accessing the geolocation library. Mark also gives you a few warnings about using this, to keep in mind.
    In this video, you will use geolocation to display a map. You will do this by accessing google maps API and doing a small amount of styling for your application.
    By adding the Device Orientation Plugin you can access the compass Javascript script from within your app. This plugin allows you to access, and interact with, the device's compass.
    Lab Exercise 7
    1 page
    Section 18: Working with Accelerometer
    Intro to Accelerometer
    In this video, Mark shows you how to add the device motion plugin to your application. This allows you to access accelerometer data from your devices to be used within your mobile app.
    Mark goes over the code for an application that will move an image across the screen using the data from the accellerometer.
    Lab Exercise 8
    3 pages
    Section 19: Interfaces with jQuery Mobile
    Intro to Interfaces with jQuery Mobile
    In this video, Mark shows you where you can find jQuery Mobile and goes over a few options you have to get this working in your mobile app.
    Mark gets started by using jQuery Mobile to create multiple pages in an application. The "data-role" attribute used in this video allows you to actually use the mobile styling from jQuery Mobile.

    Students Who Viewed This Course Also Viewed

    • Loading
    • Loading
    • Loading

    Instructor Biography

    LearnToProgram, Inc., Learn Web, Mobile and Game Development

    LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

    With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

    With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

    The company is based outside of Hartford, Connecticut.

    Instructor Biography

    Mark Lassoff, Programming Instructor with over 500,000 students worldwide.

    Mark Lassoff 's parents frequently claim that Mark was born to be a programmer.  Starting, in the mid-eighties at age 11, Mark was hard at work on his Commodore 64 writing games in the BASIC language.  After completing a computer science degree, Mark developed software for several well-known internet startups during the initial internet boom of the mid 1990’s.  Five years ago Mark parlayed a two decades of software development experience into his latest entrepreneurial venture, LearnToProgram Media.

    LearnToProgram Media publishes online courses that teach mobile, web, and game development. Over 500,000 people have learned programming from Mark through online classes he has either authored or published. In addition to publishing popular courses and books LearnToProgram Media operates an internet video network which produces several programs on software development.

    Previously Mark founded PowerPlant Marketing, which created marketing automation software for REALTORS™.  After the sale of PowerPlant, Mark went on to found Internet Broadcasting Group which counted among it’s launch clients Nike, Blue Moon Brewing Company and Opubco.

    Mark lives in Connecticut and speaks worldwide on software development, entrepreneurship and online learning.  He has spoken at TechWeek NY, TechWeek LA, and SXSW, among other large conferences.  In his spare time he he enjoys aviation, mentoring new business owners and spending time with life-long friends and family.

    Ready to start learning?
    Take This Course