The 1-year diploma in Web is designed for those who want a flexible and accelerated path to their career in Web Development.

The timetable is created to cater for applicants who work around their studies.

Our diploma is skills-oriented and will prepare you for a practical job at the end of the course. Should you wish to continue your studies after successfully completing the diploma, a bridging module will enable you to start in Year 2 of the accelerated 2-year Degree programme through the process of accreditation of experiential learning (APEL).

If you’re a professional who is already working in the technology sector but you want to hone your craft or learn a new skill set then this is the course for you.

* Please note that international students (non UK/EU) are unable to join an SAE Diploma due to current visa restrictions.






w/c 7 September 2020
(Liverpool, London)

September 2021

(All campuses)


1-2 sessions per week




18 and over


You should bring a notebook, pen and sketchbook to classes.

Future Careers

  • Full-stack Developer
  • Junior Web Developer
  • Back End Developer
  • Front End Developer
  • PHP Developer
  • Web App Developer
  • Mobile App Developer
  • Search Engine Optimiser
  • Web Designer
  • UX Designer
  • HCI Designer
  • Interactive Designer


BA (Hons) Web Development

Got a question?

Email our recruitment team

Ask a question

Apply Now

Please fill out this form to apply for our diploma in Web Development. Once you submit the form we will be in touch to process your booking. If you want to call us on 03330 112 315 we can give you more information.



Web Essentials

In this module you will learn how to create a professional and responsive website, starting from designing the layout and using Illustrator and Photoshop to create mockups. On top of this, you will start learning HTML and CSS to make your website accessible. Throughout this module you will gain a firm foundation in best practices and industry standards as well as developing an understanding of the theoretical foundations required for professional work in the web industry.

Indicative List of Topics

  • Introduction to Design
  • History of Contemporary Design
  • Basic Design Elements
  • Composition
  • Theory of Colours
  • Typography on Web
  • Web Design Specifics - file formats, constraints
  • Basic Introduction to Photo Editing and Vector Graphics software
  • Introduction to web technologies and history of web
  • Introduction to HTML and CSS
  • CSS and accessibility, media types and media queries, layout techniques
  • From design to HTML - full process
  • Introduction to HTML5 and CSS3 specifics
  • Responsive Layout and Frameworks (like Bootstrap)
  • Writing of a project proposal and presentation
  • Basics of SEO
  • Writing for the web


  • HTML/CSS Standards Compliant Website

Learning Outcomes

On completion of the module the student will be able to:

  • Knowledge
  • Explain how the internet and web works
  • Recognise basic markup languages and web standards
  • Summarise basic design principles
  • Explain what elements are required to create a professional website
  • Skills
  • Create a standards-compliant static website
  • Apply basic principles of design to create an aesthetically pleasing and contemporary looking website
  • Employ, with confidence, the tools to design and develop a static website
  • Create and present a realistic web site project proposal



Front-End Development

Do you want to add an interactive map to your website and change the contents dynamically? It will be easy after this module! After starting with the basics of web development and programming, we will introduce more complex principles of web design, enabling you to gain a full picture of the contemporary web technologies required for interactive web projects. During this module you will learn how to apply and add interactivity to your website. By learning javascript and jQuery, you will be able to learn how to detect user behaviour and properly react to them with interactive solutions. On top of this, you will also become familiar with Ajax and will therefore know how to dynamically change your web pages according to different contexts.

Indicative List of Topics

  • “Pixel perfect” Web Design and Etiquette
  • Responsive Web Design and High Resolution Devices
  • Vertical Rhythm and Proportions in Web Design (Golden ratio)
  • Effective use of grids in design
  • Web Design Prototyping and Workflow
  • Advanced usage of Photo Editing and Vector Graphics software
  • Introduction to Scripting
  • Variables, Primitive Data Types, Control Structures, Functions, Events, Scope
  • Complex Data Types and Loops
  • DOM Manipulation
  • Objects in JavaScript, Encapsulation and Inheritance
  • Advanced CSS3 Selectors
  • Introduction to libraries (jQuery) and Frameworks
  • Effects and Animation with jQuery
  • MVC and Modular Programming
  • Using third party API’s and Datasources
  • Introduction to Frameworks (like Angular JS) for front-end development
  • Dynamic CSS (Less, Sass) and contemporary tools for front-end development


  • Interactive Web Application Project

Learning Outcomes

On completion of the module the student will be able to:

  • Knowledge
  • Explain the basic principles of programming
  • Identify contemporary technologies for front-end development
  • Discuss the use of basic design principles
  • Skills
  • Create an interactive front-end interface for different web applications
  • Create professional designs for web applications
  • Use different libraries and frameworks for front-end development


Interactive Design

During this module, you will explore the principles of Usability and User Experience (UX) design. UX is one of the most important and relevant topics for both Web Design and Web Development at the moment: almost every company has a website, so having a usable and accessible website makes a huge difference! You will learn how to conduct and run usability user testing sessions and how to use the results to enhance your website.

Indicative List of Topics

  • Technical bases
  • Storyboarding
  • Time Management
  • Sound Management
  • Import/Export
  • Design in Communication
  • Methodology
  • Production/Implementation
  • Applications
  • Types of Interfaces


  • Interactive Media Project

Learning Outcomes

On completion of the module the student will be able to:

  • Knowledge
  • Explain the most important theories of the creative media industry and their impact on the industry developments
  • Define the roles and the dynamics of a modern business, operating in the web development industry
  • Interpret the principles of animation
  • Skills
  • Design and develop appropriate user interface,and graphics for a variety of web based digital platforms
  • Employ the most effective techniques to develop specific animation products
  • Apply the most appropriate workflow in product animation



Database and Back-End Development

In order to prepare you for future practical projects, we will introduce you to server-side programming, data structure and manipulation. Do you think an e-commerce website is complex to create? In this module you are going to learn how to develop one. Covering topics such as MySQL, databases and PHP, you will also learn how to create your own CMS (Content Management System) and how to keep it updated. This will provide you with valuable practical knowledge that will inform future projects and activities.

Indicative List of Topics

  • HTML, CSS, PHP and JavaScript
  • Search Engine Optimisation (SEO) and related coding practices
  • Website Accessibility and Usability Standards
  • Interpreting and Implementing Open Source Frameworks and Libraries
  • Content Management Functionality and Interface Design
  • Business practices, proposals, costing and contracts
  • .htaccess, mod-re-write and URL manipulation
  • Payment Gateways and their suitability
  • Relational Databases
  • Database Structures
  • Database Design, Planning and Information Architecture
  • SQL basics
  • Summarising and Grouping Data
  • Drawing data from multiple tables
  • Modifying Data Sets
  • Web Project Management Skills


  • CMS Development

Learning Outcomes

On completion of the module the student will be able to:

  • Knowledge
  • Demonstrate a strategic approach to problem solving
  • Describe how data is retrieved from a remote server
  • Discuss advanced interface design/layout with reference to CMS
  • Explain Model–view–controller (MVC) software architecture
  • Skills
  • Develop server-side applications and SQL queries
  • Manage a web project
  • Apply search engine optimisation and promotion techniques
  • Implement open source libraries effectively into web applications
  • Successfully implement data storage solutions, including visualising, planning and designing
  • Prepare quotes, costing and project related business techniques

Creative Production

This module aims to further your ability to engage in a reflective process in parallel, with your production practice. It seeks to provide you with the opportunity to explore focused production practice in your own, or other related disciplines and to advance their holistic production skills. Building on previous production management experience, through adhering to specific briefs in larger production situations, the module aims to develop your aesthetic judgement to give you a focussed opportunity to develop advanced production skills in a specific field, on a larger scale.

Indicative List of Topics

  • Practical Production Planning
  • Production Techniques in relevant discipline
  • Specialised digital production software
  • Innovative use of built-in software features
  • Production Planning
  • Methods for evaluation
  • Reflective and Critical Analysis
  • Giving, receiving and learning from feedback
  • Cross-disciplinary production practice


  • Creative Production

Learning Outcomes

On completion of the module the student will be able to:

  • Knowledge
  • Evaluate their own production processes and creative decisions
  • Discuss media production processes in a wider theoretical context
  • Differentiate between good ideas, and good ideas that will improve a production in its entirety
  • Skills
  • Apply production theories to practical production techniques
  • Produce complex digital media products to a high standard
  • Experiment with production techniques based on feedback
  • Produce detailed, yet concise project evaluations