Web technology is a critical application area for computer science, and an understanding of the internet and web technologies will provide you with the ability to reason about many of the computer systems you interact with on a daily basis. This module provides you with a skill set in web technology and web languages that you can build upon in later, more advanced modules in the programme.
This module aims to provide you with a foundational web development skill set. You will learn the critical languages of the web: HTML, CSS and Javascript. Using HTML and CSS, you will learn how to markup, layout and style web content. You will learn about the document object model and how you can dynamically manipulate it with JavaScript to create interactive web pages. You will consider accessibility and usability issues, and how you can overcome them. You will learn about website deployment and how you can use it to make your websites accessible to other people. The module will also enable you to present your work online in the form of a website.
Topics covered will be:
The topics listed here are an approximation of what will be covered. The topics presented may be slightly revised to ensure currency and relevance.
- Introduction to the web
- Designing web sites
- Introduction to HTML
- Introduction to CSS
- Positioning in CSS
- Responsive web sites
- Introduction to JavaScript for the web
- React to the user
- JavaScript Libraries
- Web Hosting & Professional Practices
Approximately 10-12 hours of study will be required per topic. The remaining study time is intended for coursework.
Learning outcomes for the moduleStudents who successfully complete this module will be able to:
- Explain the benefits and limitations of client-side interactivity for web applications
- Understand web page structure and the Document Object Model
- Use a text editing tool to create a web application
- Manipulate the DOM and respond to events using Javascript
- Apply knowledge of usability and accessibility issues to the design of websites
- Create an interactive, usable and accessible website using well formed HTML, CSS and Javascript