In this module, you will learn how to create high quality useable websites and applications that can be used on both mobile and desktop devices, using the foundational languages of the web. The module begins with learning how to make static websites using HTML to define the site content and CSS to apply styling. Then, we will add interactivity to your sites and begin to make more complex applications using the JavaScript programming language and databases. The emphasis of the module is on web design as well as development so you will learn some key web design topics including information architecture, responsive design and web accessibility. Lectures will be used to introduce topics and techniques and the practicals will give you experience in implementing websites and applications using those approaches.
Occurrence | Teaching period |
---|---|
A | Semester 2 2024-25 |
Module Aims:
To develop technical skills in the creation of high quality, usable, accessible web applications using industry-standard technologies.
To develop design skills for web applications with a variety of purposes and target user groups.
To understand the different approaches towards designing and developing web applications for different device types, including mobile first and responsive design.
To learn how to exploit Application Programming Interfaces (APIs), Frameworks and Libraries in an appropriate manner.
Upon completion of this module, you are expected to be able to:
Design and implement web applications suitable for multiple devices.
Use of industry-standard development tools, including various Application Programming Interfaces (APIs), Frameworks and Libraries, as appropriate for we application development.
Demonstrate ability to design web-based content, considering aspects such as information architecture, visual design and layout for different device types and audiences.
Demonstrate ability to evaluate the success of web applications, including usability evaluation in relation to a defined target marked.
Demonstrate an understanding of accessibility and ability to create accessible web applications.
Demonstrate problem solving skills in the context of web design and development.
Design an abstract model, using computer programming abstractions, of an unseen problem.
Deliver a tested working solution to an unseen problem.
Analyse an unseen problem, devise a computational solution. and design and implement a software system that embodies the solution.
Communicate technical and design thinking.
Task | % of module mark |
---|---|
Essay/coursework | 100 |
None
In the formative assessment, students will be given the design and content for a website and asked to code it in HTML and CSS. They will submit code only, with no associated report. They will receive feedback on the quality of the code they have written.
Task | % of module mark |
---|---|
Essay/coursework | 100 |
You will receive oral feedback for the weekly practical lab sessions, during the lab sessions.
You will receive written feedback on coursework assignments using a proforma identifying key requirements and marks awarded for sections of the assignment. This will be in line with standard University turnaround times.
Scott, B & Neil, T. (2009) Designing Web Interfaces, O'Reilly.
Krug, S. (2006) Don't make me think! a common sense approach to Web usability
Duckett, J. (2011) HTML & CSS: design and build website, Wiley.
Duckett, J. (2013) JavaScript & JQuery: interactive front-end Web development, Wiley.
Rosenfeld, L. & Morville, P. (2002) Information Architecture for the world wide web, O'Reilly.
http://www.w3schools.com/html/default.asp
https://mva.microsoft.com/en-us/training-courses/developing-in-html5-with-javascript-and-css3-jump-start-8223?l=lCnp5kIy_5104984382
https://dev.w3.org/html5/html-author/