Mobile Web Application Development

Learn Mobile App Development by doing it!
This experiential learning course puts you in the center of a challenging, real-world situation: A youth soccer league needs to make its website content easy to view and navigate on smartphones and tablets with varying screen sizes and orientations.

The league asked independent contractors to propose how they would use Responsive Design principles to deliver content fluidly for all types of mobile devices. After evaluating the proposals, the league selected your team for the project. 

Your project team for the course will meet weekly online with a faculty mentor.


  • Format: Online collaboration

    Hours: 72 hours / 7.2 CEUs

    When: 2015 dates coming soon!

    Cost: $1,800


Scenario overview
The Northside Youth Soccer League (NYSL) has an excellent website that is popular with coaches, players and players’ parents. Coaches and league officials post statistics, standings, rosters and practice schedules. Site visitors can access information and learn of field location changes and rainouts.

The website content, however, displays poorly on mobile devices, losing opportunities for connecting with parents who are often in their cars or at games and practices.

Your job
In this course, your team will be working as if you are being paid for contractual performance by NYSL.  You will produce the same deliverables a top-notch company would expect from its outside experts—and you will be evaluated on the work you produce.

In this course, you and your team will use the Responsive Design approach to:

  • Optimize NYSL’s website for high-quality viewing on any mobile device, without sacrificing any functionality of using a desktop computer
  • Upgrade NYSL’s website with new features specific to mobile devices—such as using geolocation capabilities to find where the team is practicing in a large park


What you will learn

Mobile devices are rapidly becoming the primary way people access the Internet. The skills you will develop and practice in this course are suitable for any organization that needs to make its website appealing to mobile users and functional for all devices.

You will learn principles and processes in mobile web development that apply to all mobile application development. You and your team will examine how users want to interact with the website using their mobile devices. Then, using the Responsive Design approach to web development, you will create detailed user requirements, design a technical solution, and implement the design in working code. Finally, you will perform tests to determine test how well the implementation meets the original requirements.


What you will do

  • Apply lightweight interface design methods to create a responsive HTML design for a mobile web app, taking into account the unique strengths and limitations of a mobile platform.
  • Develop a mobile web app that has the look and feel of a native mobile app.
  • Leverage a cloud data web app back-end, such as, to store and retrieve data.
  • Implement a single-page web app structure to optimize the mobile web app for faster user response.
  • Use HTML templating to display dynamic data in the mobile web app.
  • Leverage modern JavaScript and CSS, including CSS libraries (JSON, jQuery, and bootstrap), to account for mobile viewing and features.
  • Use HTML5's mobile features to enhance the user's experience on a mobile device, such as geolocation and touch events.
  • Leverage PhoneGap to quickly create a native version of the mobile web app in order to leverage mobile specific features, such as the camera.

Course Information

Course Date Info: 

Experiential learning. Your team will meet weekly in an online environment with your faculty mentor. Mentors are seasoned professionals who facilitate group discussions and help you solve complex problems on your own. The mentors are available by phone, text and email to answer questions, point you in the right direction, and provide in-depth feedback on every deliverable you produce. Supporting materials and resources are provided online. 

Course Fee(s): 


Continuing Education Information: 

72 hours/7.2 CEU's
Visit the University of Georgia CEU policies for more details. 

Dr. Chris Riesbeck. Dr. Riesbeck is an Associate Professor in the Department of Electrical Engineering and Computer Science at Northwestern University. Prior to that, he was a research scientist at Yale University for 15 years. He received his Ph.D. in Computer Science from Stanford University in 1974. His dissertation was on natural language understanding, and he has done research on case-based reasoning, memory-based language understanding, and intelligent interfaces for knowledge acquisition and teaching.

Experience with website development using HTML and CSS is required. Some experience with JavaScript is also recommended. 


Mobile Web Development

  • Castledine, Earle; Eftos, Myles; & Wheeler, Max. Build Mobile Websites and Apps for Smart Devices. SitePoint. First edition. ISBN-10: 0987090844


jQuery Mobile

  • Danger Gardner, Lyza and Grigsby, Jason. Head First Mobile Web. O'Reilly Media. First Edition. ISBN-10: 1449302661
  • Firtman, Maximiliano. jQuery Mobile: Up and Running. O'Reilly Media. First Edition. ISBN-10: 1449397654