CAB230 Web Computing
To view more information for this unit, select Unit Outline from the list below. Please note the teaching period for which the Unit Outline is relevant.
| Unit code: | CAB230 |
|---|---|
| Prerequisite(s): | IFB104 or ITD104 or EGB103 or EGD103 |
| Equivalent(s): | INB271 |
| Credit points: | 12 |
| Timetable | Details in HiQ, if available |
| Availabilities |
|
| CSP student contribution | $1,192 |
| Domestic tuition unit fee | $4,704 |
| International unit fee | $5,640 |
Unit Outline: Semester 1 2026, Gardens Point, Internal
| Unit code: | CAB230 |
|---|---|
| Credit points: | 12 |
| Pre-requisite: | IFB104 or ITD104 or EGB103 or EGD103 |
| Equivalent: | CAZ230 |
| Coordinator: | Timothy Chappell | timothy.chappell@qut.edu.au |
Overview
The World Wide Web is the most important platform for software systems and an integral part of modern life. Many companies owe their existence to the web, through applications deployed over the Internet using web protocols. All IT professionals require a good understanding of the web and its architecture, especially software developers and those tasked with maintaining and implementing web-based software systems. This unit is a technical introduction to modern web computing. You will design and implement clean and responsive user interfaces, taking account of accessibility and internationalisation. We will provide an introduction to JavaScript and you will use it throughout the semester, gaining practical experience with HTML, CSS and frameworks such as React on the client side, and node.js, Express and the node ecosystem on the server side. You will explore security threats and their mitigation and gain practical experience deploying an internet facing web server using HTTPS.
Learning Outcomes
On successful completion of this unit you will be able to:
- Explain the evolution, architecture and core standards of the World Wide Web
- Critically analyse page and site design for usability, accessibility and internationalisation
- Develop high quality, dynamic web applications using state of the art technologies on both the client and server side.
- Apply social and ethical considerations, including Aboriginal and Torres Strait Islander perspectives, when designing and implementing a web application.
- Adapt your skills to learn new techniques and exploit new opportunities as they emerge in response to the changing nature of the Internet and web environment.
Content
In this unit you will learn about:
- The architecture of the Web and the role of client and server components.
- Web standards and technologies (including HTML, CSS and JavaScript).
- Designing responsive web-based user interfaces (using JavaScript and the React Framework).
- Developing simple data-driven web applications (using Node.js and Express).
- Exposing REST APIs backed by SQL data sources.
- Web security principles and secure deployment.
- Emerging web-related technologies, including new features in JavaScript, structured APIs and Cloud Computing.
- Designing websites with diverse user bases in mind, utilising frameworks like WCAG (Web Content Accessibility Guidelines)
- The importance of cultural protocols in web design, especially with apps that might display Aboriginal and Torres Strait Islander knowledge or data, to promote understanding and respect for Aboriginal and Torres Strait Islander intellectual property
- The entrepreneurial mindset and technical skills necessary to design and deploy successful full-stack websites, taking projects from concept through launch, with an emphasis on innovation, user experience, and market viability.
Learning Approaches
This unit is available for you to study in either on-campus or online mode. You should expect to spend, on average, 10 - 15 hours per week involved in preparing for and attending scheduled classes, preparing and completing assessment tasks as well as in independent study to consolidate your learning.
The formal contact of the unit will consist of a 2 hour lecture (live on-campus and online) and a 2 hour practical (laboratory-based for on-campus students and online for online students).
Prerecorded material will introduce the core material, providing a basic framework of understanding. The live lectures offer you an opportunity to ask questions and will be used to go deeper into the week's material. The practicals will reinforce the prerecorded material and lectures by providing deeper knowledge via hands-on experience, including structured step-by-step exercises as well as opportunities for self-directed exploration of web technologies.
The assignments will reinforce and expand on the work done in the practicals to give an authentic start-to-finish web development experience. The overall objective is to produce a fully working, data-driven web application using current web technologies.
Feedback on Learning and Assessment
Since the practicals are self-paced, guidelines and objectives are provided to help you assess your progress throughout the exercises; and tutors and the unit coordinator will be available in person at specified times or via email to answer your questions.
Assessment
Overview
Appropriate assessment criteria will be made available to students upon the release of the assignment, and the approach will include compulsory checkpoints prior to final submission.
Unit Grading Scheme
7- point scale
Assessment Tasks
Assessment: JavaScript Exercises
This assessment item will involve small problem solving exercises to be submitted via Gradescope. This submission will help you develop and demonstrate your knowledge of JavaScript and its application in the context of modern web development. Formative exercises will be made available using the same system prior to the assessment submission.
This assignment is eligible for the 48-hour late submission period and assignment extensions.
The use of generative artificial intelligence (GenAI) tools is prohibited during this assessment.
Assessment: Project (applied) - Client Side
The first part of a project involving the staged implementation of a modern JavaScript-based web application. In this component you will develop a responsive client side component (React) which consumes a REST API which we will provide to the class. In a subsequent assessment item you will be required to develop and deploy the (node.js) server-side component of this system, replacing our hosted API with your own.
This assignment is eligible for the 48-hour late submission period and assignment extensions.
The ethical and responsible use of generative artificial intelligence (GenAI) tools is authorised in this assessment. See the relevant assessment details in Canvas for specific guidelines.
Assessment: Project (applied) - Server Side
The second part of a project involving the staged implementation of a modern JavaScript-based web application. In the first component (discussed above) you will develop a responsive client side component (React) which consumes a REST API which we will provide to the class. In this assessment, you will be required to develop and deploy the (node.js) server-side component of this system, replacing our hosted API with your own.
This assignment is eligible for the 48-hour late submission period and assignment extensions.
The ethical and responsible use of generative artificial intelligence (GenAI) tools is authorised in this assessment. See the relevant assessment details in Canvas for specific guidelines.
Academic Integrity
Academic integrity is a commitment to undertaking academic work and assessment in a manner that is ethical, fair, honest, respectful and accountable.
The Academic Integrity Policy sets out the range of conduct that can be a failure to maintain the standards of academic integrity. This includes, cheating in exams, plagiarism, self-plagiarism, collusion and contract cheating. It also includes providing fraudulent or altered documentation in support of an academic concession application, for example an assignment extension or a deferred exam.
You are encouraged to make use of QUT’s learning support services, resources and tools to assure the academic integrity of your assessment. This includes the use of text matching software that may be available to assist with self-assessing your academic integrity as part of the assessment submission process.
Breaching QUT’s Academic Integrity Policy or engaging in conduct that may defeat or compromise the purpose of assessment can lead to a finding of student misconduct (Code of Conduct – Student) and result in the imposition of penalties under the Management of Student Misconduct Policy, ranging from a grade reduction to exclusion from QUT.
Resources
There is no single text book recommended for purchase for this unit.
The unit includes a structured introduction to JavaScript and the approach follows that employed in Marijn Haverbeke's Eloquent JavaScript, which is available for purchase and on-line reading at
https://eloquentjavascript.net/.
Online resources are an essential part of modern web computing and many will be introduced as they are needed during the semester.
Risk Assessment Statement
There are no out of the ordinary risks associated with this unit. It is your responsibility to familiarise yourself with the Health and Safety policies and procedures applicable within campus areas and laboratories.
Standards/Competencies
This unit is designed to support your development of the following standards\competencies.
Engineers Australia Stage 1 Competency Standard for Professional Engineer
1: Knowledge and Skill Base
Relates to: JavaScript Exercises, Project (applied) - Client Side , Project (applied) - Server Side
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
2: Engineering Application Ability
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
Relates to: JavaScript Exercises, Project (applied) - Client Side , Project (applied) - Server Side
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
3: Professional and Personal Attributes
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
Course Learning Outcomes
This unit is designed to support your development of the following course/study area learning outcomes.EN01 Bachelor of Engineering (Honours)
- Make decisions ethically within the social, cultural, and organisational contexts of professional engineering practice.
Relates to: ULO4, Project (applied) - Client Side , Project (applied) - Server Side - Deploy appropriate approaches to engineering design and quality.
Relates to: ULO2, ULO3, JavaScript Exercises, Project (applied) - Client Side , Project (applied) - Server Side - Demonstrate coherent knowledge and skills of physical, mathematical, statistical, computer, and information sciences that are fundamental to professional engineering practice.
Relates to: ULO1, Project (applied) - Client Side , Project (applied) - Server Side - Demonstrate a thorough understanding of one engineering discipline, its research directions, and its application in contemporary professional engineering practice.
Relates to: ULO5, Project (applied) - Client Side , Project (applied) - Server Side
IN01 Bachelor of Information Technology
- Demonstrate a broad theoretical and technical knowledge of well-established and emerging IT disciplines, with in-depth knowledge in at least one specialist area aligned to multiple ICT professional roles.
Relates to: ULO1, Project (applied) - Client Side , Project (applied) - Server Side - Critically analyse and conceptualise complex IT challenges and opportunities using modelling, abstraction, ideation and problem-solving to generate, evaluate and justify recommended solutions.
Relates to: ULO1, ULO2, Project (applied) - Client Side - Integrate and apply technical knowledge and skills to analyse, design, build, operate and maintain sustainable, secure IT systems using industry-standard tools, technologies, platforms, and processes.
Relates to: ULO3, JavaScript Exercises, Project (applied) - Client Side , Project (applied) - Server Side - Demonstrate initiative, autonomy and personal responsibility for continuous learning, working both independently and collaboratively within multi-disciplinary teams, employing state-of-the-art IT project management methodologies to plan and manage time, resources, and risk.
Relates to: ULO5, Project (applied) - Client Side , Project (applied) - Server Side - Critically reflect, using a human-centric approach, on the social, cultural, ethical, privacy, legal, sustainability, and accessibility issues shaping the development and use of IT, including respecting the perspectives and knowledge systems of Aboriginal and Torres Strait Islander peoples, ensuring IT solutions empower and support people with disabilities, and fostering inclusive and equitable digital technologies that serve diverse communities.
Relates to: ULO4, Project (applied) - Client Side
Unit Outline: Semester 1 2026, Online
| Unit code: | CAB230 |
|---|---|
| Credit points: | 12 |
| Pre-requisite: | IFB104 or ITD104 or EGB103 or EGD103 |
| Equivalent: | CAZ230 |
Overview
The World Wide Web is the most important platform for software systems and an integral part of modern life. Many companies owe their existence to the web, through applications deployed over the Internet using web protocols. All IT professionals require a good understanding of the web and its architecture, especially software developers and those tasked with maintaining and implementing web-based software systems. This unit is a technical introduction to modern web computing. You will design and implement clean and responsive user interfaces, taking account of accessibility and internationalisation. We will provide an introduction to JavaScript and you will use it throughout the semester, gaining practical experience with HTML, CSS and frameworks such as React on the client side, and node.js, Express and the node ecosystem on the server side. You will explore security threats and their mitigation and gain practical experience deploying an internet facing web server using HTTPS.
Learning Outcomes
On successful completion of this unit you will be able to:
- Explain the evolution, architecture and core standards of the World Wide Web
- Critically analyse page and site design for usability, accessibility and internationalisation
- Develop high quality, dynamic web applications using state of the art technologies on both the client and server side.
- Apply social and ethical considerations, including Aboriginal and Torres Strait Islander perspectives, when designing and implementing a web application.
- Adapt your skills to learn new techniques and exploit new opportunities as they emerge in response to the changing nature of the Internet and web environment.
Content
In this unit you will learn about:
- The architecture of the Web and the role of client and server components.
- Web standards and technologies (including HTML, CSS and JavaScript).
- Designing responsive web-based user interfaces (using JavaScript and the React Framework).
- Developing simple data-driven web applications (using Node.js and Express).
- Exposing REST APIs backed by SQL data sources.
- Web security principles and secure deployment.
- Emerging web-related technologies, including new features in JavaScript, structured APIs and Cloud Computing.
- Designing websites with diverse user bases in mind, utilising frameworks like WCAG (Web Content Accessibility Guidelines)
- The importance of cultural protocols in web design, especially with apps that might display Aboriginal and Torres Strait Islander knowledge or data, to promote understanding and respect for Aboriginal and Torres Strait Islander intellectual property
- The entrepreneurial mindset and technical skills necessary to design and deploy successful full-stack websites, taking projects from concept through launch, with an emphasis on innovation, user experience, and market viability.
Learning Approaches
This unit is available for you to study in either on-campus or online mode. You should expect to spend, on average, 10 - 15 hours per week involved in preparing for and attending scheduled classes, preparing and completing assessment tasks as well as in independent study to consolidate your learning.
The formal contact of the unit will consist of a 2 hour lecture (live on-campus and online) and a 2 hour practical (laboratory-based for on-campus students and online for online students).
Prerecorded material will introduce the core material, providing a basic framework of understanding. The live lectures offer you an opportunity to ask questions and will be used to go deeper into the week's material. The practicals will reinforce the prerecorded material and lectures by providing deeper knowledge via hands-on experience, including structured step-by-step exercises as well as opportunities for self-directed exploration of web technologies.
The assignments will reinforce and expand on the work done in the practicals to give an authentic start-to-finish web development experience. The overall objective is to produce a fully working, data-driven web application using current web technologies.
Feedback on Learning and Assessment
Since the practicals are self-paced, guidelines and objectives are provided to help you assess your progress throughout the exercises; and tutors and the unit coordinator will be available in person at specified times or via email to answer your questions.
Assessment
Overview
Appropriate assessment criteria will be made available to students upon the release of the assignment, and the approach will include compulsory checkpoints prior to final submission.
Unit Grading Scheme
7- point scale
Assessment Tasks
Assessment: JavaScript Exercises
This assessment item will involve small problem solving exercises to be submitted via Gradescope. This submission will help you develop and demonstrate your knowledge of JavaScript and its application in the context of modern web development. Formative exercises will be made available using the same system prior to the assessment submission.
This assignment is eligible for the 48-hour late submission period and assignment extensions.
The use of generative artificial intelligence (GenAI) tools is prohibited during this assessment.
Assessment: Project (applied) - Client Side
The first part of a project involving the staged implementation of a modern JavaScript-based web application. In this component you will develop a responsive client side component (React) which consumes a REST API which we will provide to the class. In a subsequent assessment item you will be required to develop and deploy the (node.js) server-side component of this system, replacing our hosted API with your own.
This assignment is eligible for the 48-hour late submission period and assignment extensions.
The ethical and responsible use of generative artificial intelligence (GenAI) tools is authorised in this assessment. See the relevant assessment details in Canvas for specific guidelines.
Assessment: Project (applied) - Server Side
The second part of a project involving the staged implementation of a modern JavaScript-based web application. In the first component (discussed above) you will develop a responsive client side component (React) which consumes a REST API which we will provide to the class. In this assessment, you will be required to develop and deploy the (node.js) server-side component of this system, replacing our hosted API with your own.
This assignment is eligible for the 48-hour late submission period and assignment extensions.
The ethical and responsible use of generative artificial intelligence (GenAI) tools is authorised in this assessment. See the relevant assessment details in Canvas for specific guidelines.
Academic Integrity
Academic integrity is a commitment to undertaking academic work and assessment in a manner that is ethical, fair, honest, respectful and accountable.
The Academic Integrity Policy sets out the range of conduct that can be a failure to maintain the standards of academic integrity. This includes, cheating in exams, plagiarism, self-plagiarism, collusion and contract cheating. It also includes providing fraudulent or altered documentation in support of an academic concession application, for example an assignment extension or a deferred exam.
You are encouraged to make use of QUT’s learning support services, resources and tools to assure the academic integrity of your assessment. This includes the use of text matching software that may be available to assist with self-assessing your academic integrity as part of the assessment submission process.
Breaching QUT’s Academic Integrity Policy or engaging in conduct that may defeat or compromise the purpose of assessment can lead to a finding of student misconduct (Code of Conduct – Student) and result in the imposition of penalties under the Management of Student Misconduct Policy, ranging from a grade reduction to exclusion from QUT.
Resources
There is no single text book recommended for purchase for this unit.
The unit includes a structured introduction to JavaScript and the approach follows that employed in Marijn Haverbeke's Eloquent JavaScript, which is available for purchase and on-line reading at
https://eloquentjavascript.net/.
Online resources are an essential part of modern web computing and many will be introduced as they are needed during the semester.
Risk Assessment Statement
There are no out of the ordinary risks associated with this unit. It is your responsibility to familiarise yourself with the Health and Safety policies and procedures applicable within campus areas and laboratories.
Standards/Competencies
This unit is designed to support your development of the following standards\competencies.
Engineers Australia Stage 1 Competency Standard for Professional Engineer
1: Knowledge and Skill Base
Relates to: JavaScript Exercises, Project (applied) - Client Side , Project (applied) - Server Side
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
2: Engineering Application Ability
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
Relates to: JavaScript Exercises, Project (applied) - Client Side , Project (applied) - Server Side
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
3: Professional and Personal Attributes
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
Relates to: Project (applied) - Client Side , Project (applied) - Server Side
Course Learning Outcomes
This unit is designed to support your development of the following course/study area learning outcomes.EN01 Bachelor of Engineering (Honours)
- Make decisions ethically within the social, cultural, and organisational contexts of professional engineering practice.
Relates to: ULO4, Project (applied) - Client Side , Project (applied) - Server Side - Deploy appropriate approaches to engineering design and quality.
Relates to: ULO2, ULO3, JavaScript Exercises, Project (applied) - Client Side , Project (applied) - Server Side - Demonstrate coherent knowledge and skills of physical, mathematical, statistical, computer, and information sciences that are fundamental to professional engineering practice.
Relates to: ULO1, Project (applied) - Client Side , Project (applied) - Server Side - Demonstrate a thorough understanding of one engineering discipline, its research directions, and its application in contemporary professional engineering practice.
Relates to: ULO5, Project (applied) - Client Side , Project (applied) - Server Side
IN01 Bachelor of Information Technology
- Demonstrate a broad theoretical and technical knowledge of well-established and emerging IT disciplines, with in-depth knowledge in at least one specialist area aligned to multiple ICT professional roles.
Relates to: ULO1, Project (applied) - Client Side , Project (applied) - Server Side - Critically analyse and conceptualise complex IT challenges and opportunities using modelling, abstraction, ideation and problem-solving to generate, evaluate and justify recommended solutions.
Relates to: ULO1, ULO2, Project (applied) - Client Side - Integrate and apply technical knowledge and skills to analyse, design, build, operate and maintain sustainable, secure IT systems using industry-standard tools, technologies, platforms, and processes.
Relates to: ULO3, JavaScript Exercises, Project (applied) - Client Side , Project (applied) - Server Side - Demonstrate initiative, autonomy and personal responsibility for continuous learning, working both independently and collaboratively within multi-disciplinary teams, employing state-of-the-art IT project management methodologies to plan and manage time, resources, and risk.
Relates to: ULO5, Project (applied) - Client Side , Project (applied) - Server Side - Critically reflect, using a human-centric approach, on the social, cultural, ethical, privacy, legal, sustainability, and accessibility issues shaping the development and use of IT, including respecting the perspectives and knowledge systems of Aboriginal and Torres Strait Islander peoples, ensuring IT solutions empower and support people with disabilities, and fostering inclusive and equitable digital technologies that serve diverse communities.
Relates to: ULO4, Project (applied) - Client Side