CMT112: Web Application Development

School Cardiff School of Computer Science and Informatics
Department Code COMSC
Module Code CMT112
External Subject Code I100
Number of Credits 20
Level L7
Language of Delivery English
Module Leader Dr Martin Chorley
Semester Autumn Semester
Academic Year 2018/9

Outline Description of Module

This module is intended to introduce students to modern web development tools and techniques and to give them the skills needed to create interactive web applications. The module will examine the basic structure of the internet and the key technologies and programming languages required to create websites. The module will cover many types of website, from simple static HTML pages to complex interactive applications involving both server side and client-side processing.
Students will learn to use HTML, CSS and JavaScript

 

On completion of the module a student should be able to

1. Recognise the process by which webpages are delivered to users, from first browser request, through DNS lookup, server-side processing to final HTML response.
2. Create static HTML pages and apply CSS rules to style and position elements.
3. Describe, create and manipulate HTML page and element structure (the Document Object Model)
4. Use JavaScript and popular JavaScript libraries to add interactivity to static HTML webpages.
5. Access web APIs and data sources, retrieve, manipulate and display data.
6. Use browser debugging tools to understand performance and execution of code in the browser.
7. Assess the role of web frameworks in web application development.

 

 

How the module will be delivered

Theoretical material and practical demonstrations will be delivered via online videos, to be watched by students prior to the weekly contact sessions.

Weekly contact sessions will include a mixture of activities reinforcing and expanding upon the theoretical concepts introduced online. Laboratory classes will allow students to practice implementation of the practical skills taught.
 

Skills that will be practised and developed

Use of HTML, CSS and JavaScript for web design and development.

Accessing data and displaying it to users

How the module will be assessed

During this module, the students will create two individual web sites to demonstrate their knowledge and practical skills of web application development and to apply the principles covered online and in contact sessions.

The first assessment, worth 30% of the module marks, will test learning outcomes LO1, LO2, LO3 and LO7. Students will create a basic web site consisting of multiple HTML pages using CSS to style and layout content.

The second assessment, worth 70% of the module marks, will test learning outcomes L03, LO4, LO5, LO6 and LO7. Students will create an interactive web site which includes JavaScript to provide dynamic functionality.

The potential for reassessment in this module is an individual 100% coursework during the summer.
 

 

Assessment Breakdown

Type % Title Duration(hrs)
Written Assessment 70 Interactive Web Application Development N/A
Written Assessment 30 Static Website Development N/A

Syllabus content

Basic web site development using HTML and CSS
Interactive web site development using JavaScript.
Libraries for interactive web development
Retrieving and storing data (JSON)
OAuth and API access
 

Essential Reading and Resource List

Please see Background Reading List for an indicative list.

Background Reading and Resource List

The following textbooks and websites provide a good overview of the topics covered in the module:
JavaScript: The Good Parts, Douglas Crockford, O’Reilly
Programming HTML5 Applications, Zachary Kessin, O’Reilly
Beginning HTML & CSS, Rob Larsen, Wiley
http://alistapart.com/
The following codecademy tracks complement the basic skills learnt in the module:
http://www.codecademy.com/tracks/web
http://www.codecademy.com/tracks/javascript

 


Copyright Cardiff University. Registered charity no. 1136855