Module manager: Dr M. Azhar Iqbal
Email: M.A.Iqbal1@leeds.ac.uk
Taught: Semester 2 (Jan to Jun) View Timetable
Year running 2023/24
This module is not approved as a discovery module
In this module, you will learn how to use HTML5, CSS3 and JavaScript to develop the content, presentation and interactive features of web sites and web applications - i.e., all those parts that run within a web browser. You will learn how to test and debug web pages using a web browser and how to ensure that your pages conform to accessibility standards and relevant legislation.
On completion of this module, students will be able to:
-Appreciate how the three key technologies of HTML, CSS and JavaScript cooperate to provide the client side of web applications
-Use HTML5 to create fully standards-compliant web pages
-Use CSS3 to control the layout and appearance of web pages
-Use JavaScript to add dynamic behaviour and interactive elements to web pages
-Use appropriate tools to develop, test and debug web sites
-Understand issues of web accessibility and develop sites that comply with current legislation relating to accessibility.
On completion of the year/programme students should have provided evidence of being able to:
1. develop a fully standards complaint webpages using modern web technologies (e.g., HTML5, CSS3).
2. apply knowledge and understanding of web design to construct simple web pages that are user friendly.
3. develop client-side dynamic content using appropriate technologies and libraries (e.g., Javascript)
4. evaluate the design of a website applying judgement to determine if it meets a set of requirements
5. Identify the issues of web accessibility and develop sites that comply with current legislation relating to accessibility.
Programming
Web development
History of web technologies; current standards: HTML5, CSS3, JavaScript;
approaches to web design; tools for web development; standard elements of HTML
markup; new elements added by HTML5; creation of forms; benefits of using CSS
for presentation; syntax for CSS rules; CSS selectors; the CSS box model;
page layout techniques; JavaScript and the document object model; use of
jQuery for page manipulation; debugging using in-browser tools; accessibility
standards and relevant legislation; techniques and tools for creating
accessible web sites.
| Delivery type | Number | Length hours | Student hours |
|---|---|---|---|
| Laboratory | 10 | 2 | 20 |
| Private study hours | 80 | ||
| Total Contact hours | 20 | ||
| Total hours (100hr per 10 credits) | 100 | ||
The module provides self-directed learning resources, including online reading, screencasts and exercises.
Formative tests in VLE; demonstrations in labs; coursework assignments
| Assessment type | Notes | % of formal assessment |
|---|---|---|
| Assignment | Coursework | 40 |
| Assignment | Coursework | 60 |
| Total percentage (Assessment Coursework) | 100 | |
Resits will be assessed by the same methodology as the first attempt, unless otherwise stated.
The reading list is available from the Library website
Last updated: 9/26/2023
Errors, omissions, failed links etc should be notified to the Catalogue Team