IFQ715 Web Development Practice
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: | IFQ715 |
|---|---|
| Equivalent(s): | IFN715, IFZ715 |
| Credit points: | 12 |
| Timetable | Details in HiQ, if available |
| Availabilities |
|
| CSP student contribution | $1,118 |
| Domestic tuition unit fee | $3,528 |
Unit Outline: Session 1 2024, QUT Online, Online
| Unit code: | IFQ715 |
|---|---|
| Credit points: | 12 |
| Equivalent: | IFN715, IFZ715 |
| Assumed Knowledge: | There is no assumed knowledge for this unit. |
Overview
This unit builds on the programming foundations established in IFQ714 to introduce you to the practice of web development. Our focus is on the client side, through agile development of a front end application. You will understand and work through the process of iterative and incremental development of the application, beginning with a simple web design based on HTML and CSS, and progressively extending this design to support dynamic content and ultimately your first React-based Single Page Application. You will explore the whole stack and understand the relationship between the front and the back end. The unit will take you from the most elementary foundations of the web, through practical web design, HTML, CSS and JavaScript queries, culminating in a simple React SPA, setting the scene for more advanced React and the Capstone project in the final units.
Learning Outcomes
On successful completion of this unit you will be able to:
- Employ Agile Methodologies to manage development of a web application (maps to SALO2 and CLO2)
- Apply design and problem solving skills to develop a web application (maps to SALO3 and CLO3)
- Generate project artefacts that effectively communicate web designs and implemented solutions to project stakeholders (maps to SALO5 and CLO5)
- Integrate knowledge of modern web design and development within a professional portfolio that evidences career development (maps to SALO6 and CLO6)
Content
The unit provides a practical introduction to web development. We begin with the fundamentals of the web and focus mainly on the front end, but we help you understand the co-operative relationship between the client side and the server side that underpins the modern web. We introduce agile project management and structure the unit as a series of iterations within an agile web development process. We introduce web design principles and help you apply them using HTML and CSS templates, before showing you how to write a single page application in React and to update the application based on an external data source.
The content of this unit will include:
- A focused introduction to Agile methodologies
- A practical introduction to the web - layers, standards, HTTP queries and responses
- An introduction to web design principles, CSS templates and HTML
- An introduction to accessibility and cultural sensitivity in web design
- Learning to query external data sources using JavaScript fetch operations and axios.
- A practical introduction to simple single page applications using React
- Creation of a series of artefacts that will form the basis for a web development portfolio.
Learning Approaches
This unit is designed for asynchronous online study, with activities including numerous short videos, podcasts and exercises carefully chosen to reinforce key skills and concepts. Students will have the opportunity to participate in online discussions with peers and teaching staff.
We emphasise a hands-on approach through structured practical exercises. We will begin simply, with problems that reinforce the basics so that you understand the standards and HTTP methods which dominate the web. We will lead you through basic web design through practical exercises in HTML and CSS and then build on those as the foundation for your first applications using React.
As in the earlier unit, there will be two assessment tasks, each with a formative and summative component. The first will focus on web design, while the second will take this design and use it as the basis of a simple React project. In each case these tasks will come as a pair, with a preliminary formative assessment allowing you to get important feedback prior to submitting the task for final assessment.
Feedback on Learning and Assessment
You will receive automated feedback on some exercises and assessments, and written feedback on assignment task submissions. You may seek additional feedback from the teaching staff in the unit.
Assessment
Overview
This unit is structured so that you can master new material through practical exercises prior to attempting the assessment tasks. The overall structure of the unit supports iterative development from a simple system to a more complex one, and the assessment tasks are organised as part of this. The actual assessment tasks are organised in pairs - you will undertake a formative assessment and receive feedback prior to undertaking the assessments needed to pass the unit.
The grading schema used in QUT Bootcamps is satisfactory/unsatisfactory.
Unit Grading Scheme
S (Satisfactory) / U (Unsatisfactory)
Assessment Tasks
Assessment: Web Design and Site (Formative and Summative)
This assessment is focused on design of an interactive web site and its implementation using basic web standards and technologies - HTML, CSS and JavaScript. You will submit project artefacts - the design, the code and supporting files for the site - and document their relationship to the overall project plan.
The grading schema used in QUT Bootcamps is satisfactory/unsatisfactory. Students are provided with the opportunity to re-submit Assessment 1 if they receive a fail grade as explained in the special conditions of assessment in each unit learning site.
This assignment is eligible for the 48-hour late submission period and assignment extensions.
Assessment: Single Page Application (Formative and Summative)
This project will rely on your earlier work in the first assessment. You will refine and extend your design and implement a simplified dynamic web application using React. As before, you will submit the project artefacts - the design, the code and supporting files for the site - and document their relationship to the overall project plan. The final artefact will form part of your public web portfolio.
The grading schema used in QUT Bootcamps is satisfactory/unsatisfactory.
This assignment is eligible for the 48-hour late submission period and assignment extensions.
Academic Integrity
Students are expected to engage in learning and assessment at QUT with honesty, transparency and fairness. Maintaining academic integrity means upholding these principles and demonstrating valuable professional capabilities based on ethical foundations.
Failure to maintain academic integrity can take many forms. It includes cheating in examinations, plagiarism, self-plagiarism, collusion, and submitting an assessment item completed by another person (e.g. contract cheating). It can also include providing your assessment to another entity, such as to a person or website.
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.
Further details of QUT’s approach to academic integrity are outlined in the Academic integrity policy and the Student Code of Conduct. Breaching QUT’s Academic integrity policy is regarded as student misconduct and can lead to the imposition of penalties ranging from a grade reduction to exclusion from QUT.
Resources
This unit is largely self contained, but will rely extensive on a range of public online resources for web standards and React
Resource Materials
Other
Mozilla Developer Network
https://developer.mozilla.org/en-US/
React Docs
https://reactjs.org/docs/getting-started.html
Risk Assessment Statement
There are no out of the ordinary risks associated with this unit.
Course Learning Outcomes
This unit is designed to support your development of the following course/study area learning outcomes.IQ70 Graduate Certificate in Information Technology Practice (Study Area A)
- Identify and employ appropriate industry relevant methods and approaches to address IT problems
Relates to: ULO1, Web Design and Site (Formative and Summative), Single Page Application (Formative and Summative) - Apply design, problem solving and critical thinking skills to develop appropriate IT solutions
Relates to: ULO2, Web Design and Site (Formative and Summative), Single Page Application (Formative and Summative) - Engage in professional communication with relevant stakeholders
Relates to: ULO3, Web Design and Site (Formative and Summative), Single Page Application (Formative and Summative) - Demonstrate professional and career-oriented aptitude in the field of Information Technology
Relates to: ULO4, Single Page Application (Formative and Summative)
Unit Outline: Session 3 2024, QUT Online, Online
| Unit code: | IFQ715 |
|---|---|
| Credit points: | 12 |
| Equivalent: | IFN715, IFZ715 |
| Assumed Knowledge: | There is no assumed knowledge for this unit. |
Overview
This unit builds on the programming foundations established in IFQ714 to introduce you to the practice of web development. Our focus is on the client side, through agile development of a front end application. You will understand and work through the process of iterative and incremental development of the application, beginning with a simple web design based on HTML and CSS, and progressively extending this design to support dynamic content and ultimately your first React-based Single Page Application. You will explore the whole stack and understand the relationship between the front and the back end. The unit will take you from the most elementary foundations of the web, through practical web design, HTML, CSS and JavaScript queries, culminating in a simple React SPA, setting the scene for more advanced React and the Capstone project in the final units.
Learning Outcomes
On successful completion of this unit you will be able to:
- Employ Agile Methodologies to manage development of a web application (maps to SALO2 and CLO2)
- Apply design and problem solving skills to develop a web application (maps to SALO3 and CLO3)
- Generate project artefacts that effectively communicate web designs and implemented solutions to project stakeholders (maps to SALO5 and CLO5)
- Integrate knowledge of modern web design and development within a professional portfolio that evidences career development (maps to SALO6 and CLO6)
Content
The unit provides a practical introduction to web development. We begin with the fundamentals of the web and focus mainly on the front end, but we help you understand the co-operative relationship between the client side and the server side that underpins the modern web. We introduce agile project management and structure the unit as a series of iterations within an agile web development process. We introduce web design principles and help you apply them using HTML and CSS templates, before showing you how to write a single page application in React and to update the application based on an external data source.
The content of this unit will include:
- A focused introduction to Agile methodologies
- A practical introduction to the web - layers, standards, HTTP queries and responses
- An introduction to web design principles, CSS templates and HTML
- An introduction to accessibility and cultural sensitivity in web design
- Learning to query external data sources using JavaScript fetch operations and axios.
- A practical introduction to simple single page applications using React
- Creation of a series of artefacts that will form the basis for a web development portfolio.
Learning Approaches
This unit is designed for asynchronous online study, with activities including numerous short videos, podcasts and exercises carefully chosen to reinforce key skills and concepts. Students will have the opportunity to participate in online discussions with peers and teaching staff.
We emphasise a hands-on approach through structured practical exercises. We will begin simply, with problems that reinforce the basics so that you understand the standards and HTTP methods which dominate the web. We will lead you through basic web design through practical exercises in HTML and CSS and then build on those as the foundation for your first applications using React.
As in the earlier unit, there will be two assessment tasks, each with a formative and summative component. The first will focus on web design, while the second will take this design and use it as the basis of a simple React project. In each case these tasks will come as a pair, with a preliminary formative assessment allowing you to get important feedback prior to submitting the task for final assessment.
Feedback on Learning and Assessment
You will receive automated feedback on some exercises and assessments, and written feedback on assignment task submissions. You may seek additional feedback from the teaching staff in the unit.
Assessment
Overview
This unit is structured so that you can master new material through practical exercises prior to attempting the assessment tasks. The overall structure of the unit supports iterative development from a simple system to a more complex one, and the assessment tasks are organised as part of this. The actual assessment tasks are organised in pairs - you will undertake a formative assessment and receive feedback prior to undertaking the assessments needed to pass the unit.
The grading schema used in QUT Bootcamps is satisfactory/unsatisfactory.
Unit Grading Scheme
S (Satisfactory) / U (Unsatisfactory)
Assessment Tasks
Assessment: Web Design and Site (Formative and Summative)
This assessment is focused on design of an interactive web site and its implementation using basic web standards and technologies - HTML, CSS and JavaScript. You will submit project artefacts - the design, the code and supporting files for the site - and document their relationship to the overall project plan.
The grading schema used in QUT Bootcamps is satisfactory/unsatisfactory. Students are provided with the opportunity to re-submit Assessment 1 if they receive a fail grade as explained in the special conditions of assessment in each unit learning site.
This assignment is eligible for the 48-hour late submission period and assignment extensions.
Assessment: Single Page Application (Formative and Summative)
This project will rely on your earlier work in the first assessment. You will refine and extend your design and implement a simplified dynamic web application using React. As before, you will submit the project artefacts - the design, the code and supporting files for the site - and document their relationship to the overall project plan. The final artefact will form part of your public web portfolio.
The grading schema used in QUT Bootcamps is satisfactory/unsatisfactory.
This assignment is eligible for the 48-hour late submission period and assignment extensions.
Academic Integrity
Students are expected to engage in learning and assessment at QUT with honesty, transparency and fairness. Maintaining academic integrity means upholding these principles and demonstrating valuable professional capabilities based on ethical foundations.
Failure to maintain academic integrity can take many forms. It includes cheating in examinations, plagiarism, self-plagiarism, collusion, and submitting an assessment item completed by another person (e.g. contract cheating). It can also include providing your assessment to another entity, such as to a person or website.
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.
Further details of QUT’s approach to academic integrity are outlined in the Academic integrity policy and the Student Code of Conduct. Breaching QUT’s Academic integrity policy is regarded as student misconduct and can lead to the imposition of penalties ranging from a grade reduction to exclusion from QUT.
Resources
This unit is largely self contained, but will rely extensive on a range of public online resources for web standards and React
Resource Materials
Other
Mozilla Developer Network
https://developer.mozilla.org/en-US/
React Docs
https://reactjs.org/docs/getting-started.html
Risk Assessment Statement
There are no out of the ordinary risks associated with this unit.
Course Learning Outcomes
This unit is designed to support your development of the following course/study area learning outcomes.IQ70 Graduate Certificate in Information Technology Practice (Study Area A)
- Identify and employ appropriate industry relevant methods and approaches to address IT problems
Relates to: ULO1, Web Design and Site (Formative and Summative), Single Page Application (Formative and Summative) - Apply design, problem solving and critical thinking skills to develop appropriate IT solutions
Relates to: ULO2, Web Design and Site (Formative and Summative), Single Page Application (Formative and Summative) - Engage in professional communication with relevant stakeholders
Relates to: ULO3, Web Design and Site (Formative and Summative), Single Page Application (Formative and Summative) - Demonstrate professional and career-oriented aptitude in the field of Information Technology
Relates to: ULO4, Single Page Application (Formative and Summative)