← Teaching

Web Client Programming Y2, 10cr

Overview

This unit introduces students to client-side programming (inside a web browser) by embedding program scripts in HTML to be displayed; using those scripts to dynamically modify HTML and CSS; asynchronous reading of information from the server (Ajax); the reasons for doing so; and the underlying theory.

Aims

1. To develop an understanding of web client scripting technology, common applications of it, and the underlying theory.
2. To develop an ability to write and install simple web client scripts.

Learning Outcomes

1. Design and implement simple client scripts in an industry-standard client-side language.

Syllabus

1. Web client-and-server architecture and the concepts of web-client scripting.
2. A review of HTML, and an introduction to HTML forms.
3. The JavaScript programming language, and how to embed scripts into an HTML page.
4. The Document Object Model (DOM) — the browser's internal view of a displayed web page, including both version 0 and version 2 of the DOM.
5. Dynamic HTML (DHTML) — using JavaScript to modify the DOM of the HTML of a current web page.
6. An introduction to CSS for specification of the style of a displayed web page, and Dynamic CSS (DCSS) — using JavaScript to modify the DOM of the CSS of a current web page.
7. Cookies from JavaScript, for retaining information from one browser session to another.
8. An introduction to Ajax for obtaining information from a server and using it to modify the DOM of the current web page.