Module: CCO4001-20 Web Development

Level: 4

Credit Value: 20

Module Tutor: Lee Scott

Module Tutor Contact Details: l.scott@bathspa.ac.uk

1. Brief description and aims of module:

The web is rapidly becoming the go-to environment for deploying and using software. We rely on web technologies to manage our work and social lives, collaborate with like-minded people, experience art and be entertained. Anyone entering the field of computing should have at least a basic understanding of web development, and be able to identify the key opportunities and limitations that web-based software presents.

This module focuses on the creation of online interactive experiences. You learn the key languages of web development (HTML5, CSS, JavaScript) - gaining a practical understanding of how they handle content structure/styling and user interactivity. We assume little to no prior experience of web development. You learn from the ground up, working through coding challenges and creative briefs that help embed new techniques and best practice into your programming ‘toolkit’.

2. Outline syllabus:

Topics covered in Web Development include:

Hello world (getting started with text editors and HTML5 markup)

Text (<p>, <h>)

Image (<img>, filters)

Navigation (<nav>, lists, hyperlinks)

Video and audio

Semantic structure

CSS3 animation (transitions, transformation, keyframing)

The basics of the HTML5 Canvas API

JavaScript for managing interactivity

Coding conventions and troubleshooting

User interfaces and experience design

3. Teaching and learning activities:

Class Hours

Web Development operates on the principle of ‘learning by making’. Teaching time includes short code demonstrations (to present new techniques), coding challenges, prototyping sessions (to test ideas) and ‘crits’ (to evaluate work). Coding challenges and longer-running projects are undertaken both individually and in small groups.

Independent Learning

In Web Development you encounter several languages that need to work together. This can be daunting at first, but because of the visual nature of HTML5 you soon get to grips with it. Alongside class teaching and assessment preparation we recommend that you set yourself some mini projects to keep your newly acquired knowledge fresh. Ask your tutors for advice on what to attempt.

Assessment Item 1:

• Assessment Type: CW

• Description: Hypertext Story - supported by a 1000 word development document

• % Weighting: 60%

Assessment Item 2:

• Assessment Type: CW

• Description: Interactive Surface - supported by a 1000 word development document

• % Weighting: 40%