Web Engineering II: Developing Mobile HTML5 Apps

Become familiar with the challenges that come with the planning, development, testing, and maintenance of HTML5 apps. Web Engineering takes you through the concepts, methods, techniques, and tools needed for systematically developing websites and Web applications. In Web Engineering I "Basics of Web Development" we learned how to create a professional website, and now we take a step further as you develop your very own HTML5 app!

Using the HTML5 mobile application framework Sencha Touch, you will go online and practice handling the infrastructure and tools needed for the development and maintenance of an established Web app. In particular, you will learn the basic technical and architectural principles necessary for Web app building.

Learning Objectives

At the end of the two-part course, you will be able to:

1. Develop a high-performance, secure and accessible website, upon a client’s request.
2. Design and realise an HTML5 app and upload this to app stores.

Prerequisites for Course Participation

You must have a working knowledge of HTML/CSS.

Web Engineering II builds upon on the material learned in the first course, Web Engineering I.

Each chapter presents the following content through a series of instructional videos, screencasts and online interactive exercises. You will also work in small groups, applying and testing practical examples of key technical aspects in Web development.

• Chapter 11: Starter Kit: Tools for the HTML5 App in the Cloud
• Chapter 12: REST Architectural Style for Mobile Web Applications
• Chapter 13: Interactive Exercises with JavaScript at Codecademy
• Chapter 14: Single-Page Applications with AJAX, JSON, and REST APIs
• Chapter 15: Overview of HTML5 and its JavaScript APIs
• Chapter 16: Exercises with the HTML5 Mobile Application Framework Sencha Touch
• Chapter 17: Introduction to NoSQL Databases for Web Apps
• Chapter 18: Full-Stack JavaScript: Design and Implementation of a WebSocket App
• Chapter 19: Preparing an HTML5 App for App Stores
• Chapter 20: Screen Casting Web Apps for User Documentation

As a learning object for exploring and applying the course content, we will use the mobile Web-based Audience-Response SystemARSnova. It will be used as a live feedback app throughout the MOOC.