MDT 310 - Mobile Web App Fundamentals

1. Discuss the fundamentals of mobile devices.
   1. Describe the capabilities of mobile devices.
   2. Explain which capabilities can be accessed via the mobile device’s web browser.
   3. Review the mobile platform’s development environment.
2. Explore the capabilities of mobile web browsers.
   1. Describe the mobile platform’s browser engine.
   2. Identify the client-side web technologies available to the platform’s web browser.
   3. Discuss mobile web app development techniques.
   4. Explain how to structure mobile web apps.
   5. Discuss the advantages of building mobile web apps to target a variety of devices.
3. Assess why mobile devices benefit from mobile-ready web pages.
   1. Describe the need to optimize performance for reduced bandwidth.
   2. Explain the constraints of the smaller screen size of mobile devices.
   3. Discuss the increased user effectiveness of web pages customized for mobile devices.
4. Examine the basic requirements for building mobile web apps.
   1. Explain the general use of HTML, CSS and JavaScript.
   2. Discuss coding for different screen sizes.
   3. Explore handling device orientation changes.
   4. Describe providing feedback with limited screen space.
5. Create user interfaces using Hypertext Markup Language (HTML).
   1. Explain the purpose of HTML
   2. Describe the composition of an HTML document.
   3. Introduce standard HTML terminology and functionality.
   4. Introduce the latest HTML features applicable to mobile web apps.
   5. Create a mobile web app using HTML.
6. Demonstrate the use of Cascading Style Sheets (CSS).
   1. Discuss the fundamentals of CSS.
   2. Examine the latest CSS features applicable to mobile web apps.
   3. Create a mobile web app applying CSS to HTML documents.
7. Explore the fundamentals of JavaScript.
   1. Explain basic JavaScript language syntax.
   2. Describe using JavaScript code in a mobile web page.
   3. Describe accessing CSS styles from JavaScript.
   4. Explore the latest JavaScript features useful in mobile web apps.
   5. Demonstrate HTML, CSS and JavaScript interacting in a mobile web app.
8. Create a mobile web app storing data locally.
   1. Discuss the benefits of storing data on the mobile device.
   2. Describe the mechanisms for client-side storage.
   3. Explore the use of HTML local storage and local web SQL databases.
   4. Develop a mobile web app implementing client-side data storage.
9. Compare mobile web app features that are similar to native apps.
   1. Examine how mobile web apps can achieve the look and feel of native apps.
   2. Describe techniques for creating native-like user interface (UI) layouts.
   3. Explain the techniques for making location-aware mobile web apps.
   4. Explore the offline application cache feature enabling mobile web apps to run when disconnected from the web server.
10. Explain native bridging capabilities of mobile web apps.
    1. Identify frameworks capable of providing web apps access to the functionality of the mobile device.
    2. Describe the native wrapper application providing the bridge to the web application. 
11. Analyze external services available to mobile web apps.
    1. Discuss the benefits of utilizing the services other web apps provide.
    2. Explore cloud storage options and synchronization requirements.
    3. Describe the challenges of integrating social network connectivity.