Front-end Web Development
24 hours face to face + Blended
One Semester or equivalent
Online
Overview
This unit of study aims to introduce students to structured programming and front-end web design.
Requisites
Teaching periods
Location
Start and end dates
Last self-enrolment date
Census date
Last withdraw without fail date
Results released date
Quarter 3
Location
Online
Start and end dates
07-July-2025
07-September-2025
07-September-2025
Last self-enrolment date
07-July-2025
Census date
25-July-2025
Last withdraw without fail date
08-August-2025
Results released date
30-September-2025
Quarter 4
Location
Online
Start and end dates
29-September-2025
30-November-2025
30-November-2025
Last self-enrolment date
29-September-2025
Census date
17-October-2025
Last withdraw without fail date
31-October-2025
Results released date
13-January-2026
Learning outcomes
Students who successfully complete this unit will be able to:
- Gather requirements, outline specifications and create prototypes to inform and enable front-end web development projects
- Contrast and describe how HTML, CSS, and JavaScript are utilised for front-end web development
- Develop interactive and accessible web pages through best-practice use of HTML, CSS and JavaScript
- Apply a JavaScript library to develop and modify rich webpages
Teaching methods
Swinburne Online
| Type | Hours per week | Number of weeks | Total (number of hours) |
|---|---|---|---|
| Online Directed Online Learning and Independent Learning | 15.00 | 10 weeks | 150 |
| TOTAL | 150 |
Hawthorn
| Type | Hours per week | Number of weeks | Total (number of hours) |
|---|---|---|---|
| Live Online Class | 1.50 | 8 weeks | 12 |
| Online Directed Online Learning and Independent Learning | 1.50 | 8 weeks | 12 |
| On-campus Workshop | 3.00 | 8 weeks | 24 |
| Unspecified Activities Independent Learning | 12.75 | 8 weeks | 102 |
| TOTAL | 150 |
Assessment
| Type | Task | Weighting | ULO's |
|---|---|---|---|
| Assignment 1 | Individual | 40 - 50% | 1,2,3 |
| Assignment 2 | Individual | 40 - 60% | 3,4 |
Content
- Project planning (Waterfall and Agile), gathering requirements, development (coding/testing) and environment set-up
- Design and coding basics
- HTML, CSS, and Responsive Design
- Javascript
- Using a Javascript framework
Study resources
Reading materials
A list of reading materials and/or required textbooks will be available in the Unit Outline on Canvas.