This module addresses topics of:



Programming Skills

Client-side, such as JavaScript / ECMAScript

Use of modules and components



Web standards
Further CSS
Mobile web development and progressive web applications (PWA)


Frameworks / libraries / tools
Front-end frameworks / libraries, such as Vue / React
CSS frameworks / libraries and Pre-processors such as Tailwind and SASS

Introduction to open-source libraries / package managers, such as npm
Introduction to task runners and bundlers, such as Webpack / npm

Testing
Testing techniques for web applications, such as functional, user, performance, speed, and reliability

Retrieving, processing and storing data

Use of data such as Indexdb, localStorage and JSON

Obtaining data from 3rd party sources (and the implications on security)

Authentication using current techniques

Security issues of data retrieval and storage

Presentation - The assessment comprises a series of design, implementation and testing tasks for web applications that demonstrate current approaches. Students will show their work and get regular formative feedback on it. There will be one summative submission, and students are required to present their solutions to the given tasks.

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.

1. Implement web applications using current client side programming techniques

Application,
Problem Solving

2. Design and create web applications using current interface design techniques so they are appropriate for different devices

Application,
Communication

3. Design, implement and test web applications using current frameworks, libraries and development processes to produce web apps that are fit for purpose

Analysis,
Application,

Learning

Mobile devices

Web Server

Modern browsers

Modern IDEs

Frisbie, M (2019) Professional JavaScript for Web Developers, Wrox

MDN Web Docs (2022) Learn Web Development. Available at: https://developer.mozilla.org/en-US/docs/Learn (Accessed: 15 December 2022)

Google (2022) Learn Web Development. Available at: https://web.dev/learn/ (Accessed 15 December 2022)

Blokdyk, G (2022) Mobile Web Design Standard Requirements, 5STARCooks

Panzarella, L (2021) Mobile design: How to design responsive websites and mobile apps that work (Manuals for web designers), Independently published

Enache, I (2022) Mobile UX/UI App Design Sketchbook and Notebook: For App/Web Designers and Developers, Independently published

In choosing this module you will further your existing knowledge in web design and development by using current technologies such as HTML5, CSS and JavaScript. You will be introduced to current development environments and frameworks on the clientside. You will also use the latest API's and other emerging web technologies.