1. Design, implement and critically appraise through application of a suitable testing framework mobile web apps using current industry standards to produce apps that are fit for purpose, benchmarking them against recognised practitioner criteria.

2. Show a complete analytic understanding of the development process for web apps through utilisation of current tools and techniques to develop web apps.

3. Create robustly tested web apps that consume data from sources, such as APIs, big data and other real-time sources.

4. Design, create, and critically evaluate web apps using the latest industry standard interface design techniques to communicate with different target audiences and devices.

PRESENTATION: This will be an individual assessment where the student will discuss via a presentation the consideration of developing in a cloud environment and contrast this with a more traditional method of development (Learning Outcome 1 and 2).

PRACTICAL: This assessment will look at writing a piece of code which is intended to solve a particular problem for a commercial environment (Learning Outcome 3).

WRITTEN: This report will take a reflective focus documenting the code which the student has created. The report will detail how the student approached their work, focusing on perceived benefits of their strategy, and considerations taken throughout the development (Learning Outcome 4).

This module addresses the following topics:

Theory & Knowledge Exchange
Comparison of native and non-native implementations
Handling data, including data from external sources, such as RESTful web services, on various mobile devices
Deploying applications to on-device marketplaces
• 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

Technology & Resources
• Testing
o Testing techniques for web applications, such as functional, user, performance, speed, and 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

Practical Content
Building applications across multiple mobile platforms
Mobile application development using native and non-native technologies
Building UIs for mobile devices to reflect the "look and feel" of the device platform
Interacting with device APIs such as Image, Accelerometers, Location, Maps, and Multitasking
Programming Skills
o Client-side and server-side programming, such as Node, advanced JavaScript / ECMAScript
o API consumption

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.

All teaching sessions will blend theory and practical learning. Students will be introduced to curriculum concepts and ideas and will then be able to apply theory to practical examples within the same sessions. In addition, students will be provided with a range of resources for independent study such as case studies, academic papers and industry stories. There will be a mixture of practical and theoretical formative (mock or practice) exercises which will help students build knowledge and confidence in preparation for summative (formal) assessment.

All texts and electronic resources will be updated and refreshed on an annual basis and available for students via the online Study Links resource platform. All reference materials will be collated and curated and aligned to Equality, Diversity & Inclusion indicators.

Core Text/Resource:
Casciaro, M. and Mammino, L. (2020), Node.js Design Patterns: Design and implement production-grade Node.js applications using proven patterns and techniques, 3rd Edition, Packt Publishing; 3rd Revised edition, ISBN-10:1839214112
Flannigan, D. (2020), JavaScript - The Definitive Guide: Master the World's Most-Used Programming Language, O'Reilly; 7th edition, ISBN-10:1491952024
Wargo, J. (2020), Learning Progressive Web Apps, Addison-Wesley; 1st edition, ISBN-10:0136484220
Callaghan, M. D. (2020), Developing Progressive Web Applications with Angular (and Ionic): How to Build and Deploy Mobile Applications without Paying Apple or Google for the Privilege, Independently published, ISBN-13:979-8639787201
Frain, B. (2020), Responsive Web Design with HTML5 and CSS: Develop future-proof responsive websites using the latest HTML5 and CSS techniques, 3rd Edition, Packt Publishing; 3rd edition, ISBN-10:1839211563
Beaird, J. and Walker, A. (2020), The Principles of Beautiful Web Design, 4e, SitePoint; 4th ed. Edition, ISBN-10:1925836363

Optional Text/Resource:
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

This module is suited to students who have previously studied the HND in Computing (Software). Other students may take this module, but they must discuss their enrolment on it with the Course Leader firstly to determine its suitability.