Module Details

Module Code: COMP7001
Title: Interactive Client-side Dev.
Long Title: Interactive Client-side Dev.
NFQ Level: Intermediate
Valid From: Semester 1 - 2017/18 ( September 2017 )
Duration: 1 Semester
Credits: 5
Field of Study: 4814 - Computer Software
Module Delivered in: 1 programme(s)
Module Description: This module builds on the student’s understanding of client-side interactivity. Students will learn the skills necessary to incorporate complex behaviour into client-side interfaces. The focus is on the dynamic manipulation of a documents structure (dynamic creation, insertion, removal and altering of structured content on a webpage) and the resultant layout. Students will learn how to incorporate asynchronous communications and how to utilise this in the creation of dynamic content.
 
Learning Outcomes
On successful completion of this module the learner will be able to:
# Learning Outcome Description
LO1 Apply advanced client side scripting techniques to dynamically change web document structure and content.
LO2 Create imagery, graphics and animation dynamically through the use of scripts.
LO3 Communicate asynchronously with external sources and dynamically alter documents based on these communications.
LO4 Use JavaScript language features that allows their code to be easily and safely integrated with other code.
Dependencies
Module Recommendations

This is prior learning (or a practical skill) that is strongly recommended before enrolment in this module. You may enrol in this module if you have not acquired the recommended learning but you will have considerable difficulty in passing (i.e. achieving the learning outcomes of) the module. While the prior learning is expressed as named MTU module(s) it also allows for learning (in another module or modules) which is equivalent to the learning specified in the named module(s).
Students should have a basic knowledge of (X)HTML, CSS and JavaScript. (Modules: Web Development Fundamentals, Interactive Web Development)
Incompatible Modules
These are modules which have learning outcomes that are too similar to the learning outcomes of this module. You may not earn additional credit for the same learning and therefore you may not enrol in this module if you have successfully completed any modules in the incompatible list.
No incompatible modules listed
Co-requisite Modules
No Co-requisite modules listed
Requirements

This is prior learning (or a practical skill) that is mandatory before enrolment in this module is allowed. You may not enrol on this module if you have not acquired the learning specified in this section.
No requirements listed
 
Indicative Content
Client-side Scripting
Advanced DOM Scripting. Creating, editing and adding Nodes (element, text, attribute, etc.) to the DOM. Moving, cloning and removing nodes.
Dynamic Imagery
Bitmap vs Vector graphics. HTML5 Canvas, Scaleable Vector Graphics (SVG), Web Animations API . Performance issues. Creating and preparing content. Scriptable Video and Audio.
Communication
Asynchronous Communication, XMLHttpRequest Object, Ajax, JSON-P, callbacks, passing parameters, REST. Web Services, APIs, documentation, Data Formats: XML, JSON.
Preparing for Deployment & Distribution
Function literals, function objects, closure, scope. Events: invocation, binding, unbinding, propogation, Event objects. Objects: delegation, constructors, prototypes, encapsulation, scope. Unobtrusive JavaScript, namespaces, optimising, minifying.
Module Content & Assessment
Assessment Breakdown%
Coursework50.00%
End of Module Formal Examination50.00%

Assessments

Coursework
Assessment Type Project % of Total Mark 20
Timing Week 6 Learning Outcomes 1,2
Assessment Description
Develop a web page that incorporates dynamically created content (imagery, graphics and animation) using advanced Client-side scripting techniques.
Assessment Type Project % of Total Mark 30
Timing Week 13 Learning Outcomes 1,2,3,4
Assessment Description
Create a distributable, dynamic and interactive web page, that asynchronously communicates with remote sources, and which is based on the specifcation provided.
End of Module Formal Examination
Assessment Type Formal Exam % of Total Mark 50
Timing End-of-Semester Learning Outcomes 1,2,3,4
Assessment Description
End of Semester Formal Examination.
Reassessment Requirement
Repeat examination
Reassessment of this module will consist of a repeat examination. It is possible that there will also be a requirement to be reassessed in a coursework element.

The University reserves the right to alter the nature and timings of assessment

 

Module Workload

Workload: Full Time
Workload Type Contact Type Workload Description Frequency Average Weekly Learner Workload Hours
Lecture Contact Lecture underpinning learning outcomes. Every Week 2.00 2
Lab Contact Lab supporting content delivered in class. Every Week 2.00 2
Independent & Directed Learning (Non-contact) Non Contact Independent study. Every Week 3.00 3
Total Hours 7.00
Total Weekly Learner Workload 7.00
Total Weekly Contact Hours 4.00
Workload: Part Time
Workload Type Contact Type Workload Description Frequency Average Weekly Learner Workload Hours
Independent Learning Non Contact Lecture underpinning learning outcomes. Every Week 3.00 3
Lab Contact Lab supporting content delivered in class. Every Week 2.00 2
Lecture Contact Independent study. Every Week 2.00 2
Total Hours 7.00
Total Weekly Learner Workload 7.00
Total Weekly Contact Hours 4.00
 
Module Resources
Recommended Book Resources
  • Jon Duckett. (2014), JavaScript & JQuery: Interactive Front-end Web Development, John Wiley & Sons, [ISBN: 9781118531648].
Supplementary Book Resources
  • Peter-Paul Koch. (2007), PPK on JavaScript, New Riders, [ISBN: 9780321423306].
  • David Flanagan. (2011), JavaScript the Definitive Guide, 6th. O'Reilly, [ISBN: 9780596805524].
  • Stoyan Stefanov. (2013), Object-Oriented JavaScript, 2nd. PACKT, [ISBN: 9781849693127].
  • Douglas Crockford. (2008), JavaScript: The Good Parts, O'Reilly, [ISBN: 9780596517748].
This module does not have any article/paper resources
Other Resources
 
Module Delivered in
Programme Code Programme Semester Delivery
CR_KWEBD_8 Bachelor of Science (Honours) in Web Development 4 Mandatory