Program Overview
Front End Website Development Module
The Front End Website Development module, coded as CS11001, is a 10-credit course offered by the School of Science and Engineering at the University of Dundee. This module is designed to equip students with the skills necessary to create modern web experiences using technologies such as HTML, CSS, and Bootstrap.
Module Overview
Being able to create front-end web experiences is an essential part of every computer scientist's toolbox. This module explores how to create front-ends for web experiences, which are the parts of web applications that users interact with directly. These encompass the layout, design, and interactivity of a webpage.
What You Will Learn
In this module, students will:
- Learn about core technologies used to create web experiences
- Explore HTML and Semantic Web Elements to create and structure web content
- Study Cascading Style Sheets (CSS) to format webpages
- Work with CSS libraries, such as Bootstrap, to streamline the website design process
- Study important design principles such as contrast, repetition, alignment, and proximity
- Explore the historical and social aspects of the web
By the end of this module, students will be able to:
- Understand and use web-based programming languages
- Demonstrate the ability to use core web technologies
- Reflect on historical, social, and potential future web developments
- Consider legal, ethical, social, and accessibility issues in the design of webpages
Assignments and Assessment
The assessment for this module consists of a portfolio website, which accounts for 100% of the module's grade. There is no final exam for this module.
Teaching Methods and Timetable
This module adopts a hands-on approach, involving workshops and seminar sessions guided by module staff. Learning materials are provided through videos, review notes, and examples. The module is taught over half a semester, with students studying another 10-credit module during the other half of the semester.
The teaching schedule is as follows:
- Week 1: HTML and Semantic Elements
- Week 2: Introduction to CSS
- Week 3: CSS Positioning and Layout
- Week 4: Web Design Frameworks
- Week 5: Responsive Design for the Web
Available Courses
This module is available on the following undergraduate courses:
- Computer Science BSc (Hons)
- Computer Science (Data Science and AI) BSc (Hons)
- Computer Science (User Experience and Design) with Industrial Placement BSc (Hons)
- Computer Science (Data Science and AI) with Industrial Placement BSc (Hons)
- Computer Science (User Experience and Design) BSc (Hons)
- Computer Science with Industrial Placement BSc (Hons)
Additionally, it is part of computing degrees with AI.
