Web Dev Basics¶
The lab activities I have here stem mostly directly from those that I prepared during my time teaching ITS30605 Web Programming in Taylor's College from Aug 2020 to Dec 2022. Put simply, it was a crash course on the basic building blocks of creating websites. The aim of the course was to introduce these building blocks on the most fundamental level, which can then be translated into skills needed with regards to current web development technologies. These foundations are not necessarily the best set of skills to create a website alone, but it's not impossible!
If you would like to follow the 14-week structure as part of the syllabus (along with the updated labs), here's how it looks like:
| Week | Lesson | Lab |
|---|---|---|
| 01 | Introduction to Web Programming | n/a |
| 02 | HTML/CSS Part 1: Basic HTML | Lab 01 |
| 03 | HTML/CSS Part 2: Basic CSS | Lab 01 |
| 04 | HTML/CSS Part 3: Intermediate Concepts | Lab 02 |
| 05 | JavaScript Part 1: Introduction | Lab 03 |
| 06 | JavaScript Part 2: Program Control Structures & Data Types | Lab 04 |
| 07 | JavaScript Part 3: HTML DOM | Lab 05 |
| 08 | PHP Part 1: Introduction | Lab 06 |
| 09 | PHP Part 2: Form Handling | Lab 07 |
| 10 | PHP Part 3: Sessions | Lab 08 (coming soon) |
| 11 | n/a (Practical Test1) | n/a |
| 12 | Databases Part 1: Introduction to MySQL | Lab 09 (coming soon) |
| 13 | Databases Part 2: Putting Everything Together | Lab 10 (coming soon) |
| 14 | Wrap-up2 | n/a |
-
This would be a test on HTML, CSS and JavaScript as per the syllabus I crafted (but never got to spend an iteration with). In the iterations I taught this course, there used to be 3 practical tests: [1] HTML & CSS (Week 8); [2] JavaScript (Week 10); [3] an MCQ quiz on concepts taught in lectures (Week 13). ↩
-
I usually take this time to introduce my students to further directions on where else they can carry the knowledge from this course to. For instance, introducing JavaScript frameworks like React and Vue, PHP frameworks like Laravel, CSS preprocessors like SASS or frameworks like Bootstrap or Tailwind, and so on.
I actually do hope to prepare some basic labs for React and Tailwind, now that I have spent some time learning and creating websites with it. ↩