Module: CCO4007-20 Web Dev I

Level: 4

Credit Value: 20

Module Tutor:  Jake Hobbs

Module Tutor Contact Details: j.hobbs@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

•  CSS

•  CSS3 animation (transitions, transformation, keyframing)

•  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: Set Exercises  

• % Weighting: 40%

Assessment Item 2:

• Assessment Type: CW

• Description: Web Development Project. With supporting documentation

• % Weighting: 60%