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

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

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

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

The assignment is an individual portfolio of tasks that includes design, implementation and testing of several small web development based artefacts (Learning Outcomes 1 to 4).

Total of 2 hours demonstration / presentation Portfolio 100%

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

78 hours of lab-based workshop, 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

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

None

The assessment comprises two assignments which will involve design, implementation and testing tasks for web applications

Assignment 1 – Presentation / Demonstration of tasks (LO 3,4) (20 mins) (50%)

Assignment 2 - Presentation / Demonstration of tasks (LO 1,2) (20 mins) (50%)

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 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.
Technologies covered include React, Node.JS with twitter API, OO JavaScript, WordPress and WordPress API