Front End Website Development module (CS11001)

Learn how to create front-end web experiences using technologies such as HTML, CSS, and Bootstrap.

On this page
Credits

10

Module code

CS11001

Being able to create modern web experiences is an important part of every Computer Scientist's toolbox.

In this module, you will explore how to create front-ends for web experiences. These are the parts of web applications that users interact with directly. They encompass the layout, design, and interactivity of a page.

Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS) form the foundation of webpages and are used to create, structure, and style content. Together with knowledge of design principles, they allow you to create rich user experiences on the web.

Learning about these core web technologies enables you to develop a better understanding of how websites work and how you can create your own.

What you will learn

In this module, you 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, you will be able to:

  • understand and use web-based programming languages
  • show your 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 / assessment

  • website case study (70%)
  • class tests (30%)

This module does not have a final exam.

Teaching methods / timetable

You will learn by taking a hands-on approach.

This will involve taking part in workshops and seminar sessions, where you will be guided by module staff on different techniques that can be used within web development.

Learning material is provided through videos, review notes, and examples.

This is a half-semester module. You will study another 10 credit module during the other half of this semester.

Week

Topic

1

HTML and Semantic Elements

2

Introduction to CSS

3

CSS Positioning and Layout

4

Web Design Frameworks

5

Responsive Design for the Web

 

Courses

This module is available on following courses: