1. DESIGN, IMPLEMENT AND TEST MOBILE WEB APPS USING CURRENT FRAMEWORKS AND INDUSTRY STANDARDS TO PRODUCE APPS THAT ARE FIT FOR PURPOSE
Analysis,
Application,
Problem Solving

2. UNDERSTAND THE DEVELOPMENT PROCESS FOR WEB APPS AND UTILISE CURRENT TOOLS AND TECHNIQUES TO DEVELOP WEB APPS
Knowledge and Understanding

3. CREATE WEB APPS THAT CONSUME DATA FROM SOURCES, SUCH AS APIS, BIG DATA AND OTHER REAL-TIME SOURCES
Application,
Problem solving

4. DESIGN AND CREATE WEB APPS USING THE LATEST INTERFACE DESIGN TECHNIQUES TO COMMUNICATE WITH DIFFERENT TARGET AUDIENCES AND DEVICES
Application,
Communication

Assignment 1 -
Student practical portfolio that shows design and implementation of mobile application artefacts using a variety of techniques (Learning Outcomes 1 to 3).

Assignment 2 –
A 15-minute demonstration of the portfolio created for assignment 1 (Learning Outcomes 1 to 3).

Assignment 3 -
A student report that documents the students research, design, implementation, and testing approaches used in their portfolio with comparison to existing standards used in industry experienced by both users and developers (Learning Outcome 4)

• Building applications across multiple mobile platforms
• Comparison of native and non-native implementations
• Mobile application development using native and non-native technologies
• Building UIs for mobile devices to reflect the "look and feel" of device platform
• Interacting with device APIs such as Image, Accelerometers, Location, Maps, and Multitasking
• Handling data, including data from external sources, such as RESTful web services, on various mobile devices
• Deploying applications to on-device marketplaces
• Programming Skills
o Client-side and server-side programming, such as Node, advanced JavaScript / ECMAScript
o API consumption
• Frameworks / libraries / tools
o Front-end frameworks / libraries, such as Vue / React
o CSS and related frameworks / libraries
o Introduction to open-source libraries / package managers, such as npm
o Introduction to task runners and bundlers, such as Webpack / npm
• Web standards
o Further CSS
o Mobile web development and progressive web applications
o Pre-processors, such as SASS
o Web components
• Security
o Security issues of frameworks and consuming APIs
• Testing
o Testing techniques for web applications, such as functional, user, performance, speed, reliability
• Consuming and storing data, in a format/using technology such as MongoDB, Indexdb, localStorage and JSON
• Servers and hosting
o Cloud-based hosting
o Local development environments

39 hours of lab-based workshops, which consists of follow-along lectures and tutorial work.
The lab-based lectures will support the underlying knowledge and skills required to complete the module and will be facilitated with follow-along coding sessions, booklets, course texts, and the Internet. Within these sessions group discussions will also take place.

Alan, D., (2017). Progressive Web Apps. Manning Publications. ISBN: 9781617294587

Mead, A., (2018). Learning Node.js Development: Learn the fundamentals of Node.js and deploy and test Node.js applications on the web. Packt Publishing - ebooks Account. ISBN: 9781788395540

Frisbie, M., (2018). Professional JavaScript for Web Developers. Wrox. ISBN: 9781119366447

Elizabeth et al (2018), Smashing Book 6: New Frontiers in Web Design (Smashing Magazine Book Series), ISBN: 978-3-945749-69-2

Modern web browsers
Access to node.js server and associated technologies
Access to framework tools and associated technologies

None

In choosing this module as a student you will develop knowledge in mobile app design, development and testing. You will cover mobile design as a broader domain to address architecture and practical planning for web design and development by using current technologies such as HTML5, CSS and JavaScript. You will also be introduced to current development environments and frameworks on both the client and server side. You will also use the latest API's and other emerging technologies.