HTML and CSS Essentials With Bootstrap

This page organises learning activities into Lab Activities, Individual Activities, and Quiz. Each item links to its own dedicated page for instructions, submission, and references.

Back to Topic Jump to Activities

Lecture Slides

View-only presentation • Click to navigate
Slides by Notes Chapter 2 Open Slides in New Tab

ACTIVITIES FOR CHAPTER 2

In-Class Practical

Guided

Guided activities during class to build understanding before lab submission. Complete together with lecturer support.

Practical 3A (Part1)
JavaScript Basic - Mark Calculator
Open
Practical 3A (Part2)
JavaScript Basic - Marks Processing (FOR vs DO-WHILE)
Open
Tip: Stop after each step and show output before continuing.

Lab Activities

Submission

Individual lab work for assessment. Apply what you practised in class.

Lab Activity 3A
JavaScript basic
Open
Lab Activity 3B
Interactive Web Elements with Bootstrap JS
Open
Lab Activity 3C
Form validation using Bootstrap and JavaScript
Open
Tip: Screenshots are compulsory for selected steps.

Exercise

In Class Exercise

Check your understanding of certain concepts of this chapter.

JavaScript basic - Variables
Test your understanding of JavaScript variables declaration
Open
JavaScript basic - Data Types
Test your understanding of JavaScript data types declaration
Open
JavaScript basic - Operator
Test your understanding of JavaScript operators
Open
Operator Behaviour in JavaScript
Test your understanding of understanding of how operators function and behave within programming expressions.
Open
JavaScript conditions, loops, Functions and event handling
Test your understanding of conditions, loops, Functions and event handling in JavaScript.
Open
Tip: Emphasise conceptual understanding for this topic.

Quiz

Assessment

Check your understanding of concepts before moving to the next chapter.

Quiz 3A - JavaScript basic Part 1
JavaScript basic (JavaScript variables, data types, and operators.)
Open
Quiz 3A - JavaScript basic Part 2
JavaScript basic (Flow with conditions and loops | Functions and event handling)
Open
Quiz 3B - Interactive Web Elements with Bootstrap
JavaScript conditions and loops
Open
Quiz 3C - Validation using Bootstrap and JS
Functions and event handling
Open
Tip: Focus on concepts, not memorisation.