Introduction to Web Development and Bootstrap

This page organises learning activities into Lab Activities, Group Activities (with Quiz 1), and Individual Activities. Each activity links to its own dedicated page for instructions, submission, and references.

Back to Topics

Lecture Slides

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

ACTIVITIES FOR CHAPTER 1

Lab Activities

Hands-on

Practical exercises to build core skills step-by-step. Each lab links to a separate page.

Lab Activity 1A
Getting started: structure, basic layout, Bootstrap setup
Open
Lab Activity 1B
Components: navbar, cards, buttons, and responsive grid
Open
Tip: Keep screenshots + short reflection for each lab submission.

Group Activities

Collaborative

Group-based tasks to strengthen planning, teamwork, and presentation skills.

Group Task 1
Group Presentation
Open
Tip: Assign roles early (lead, UI, content, tester, presenter).

Quiz 1

Check

Short quiz to check understanding. Answer based on lecture notes and your own examples.

Open Quiz 1
Play on ZEP Quiz Platform (opens in new tab)
Open
Answer all the questions.