Community Expert: Introduction to Web Development
During the fall of 2024 and winter of 2025 I independently planned and delivered an introductory web development workshop for adults through the Edmonton Public Library as a volunteer. This allowed members of my community to learn the basics of HTML, CSS, and JavaScript for free across 4 hands on, interactive sessions.
Take a look at some of the activities we did!
-
Personalized Greeting - IPO Model
We discussed the concept of the Input-Process-Output pattern, and practiced basic JavaScript functions and interacting with the HTML with a personalized greeting. No CSS yet!
-
Cost Calculator - Variables and If Statements
Building onto our IPO model, we learnt about variables and if statements with an ice cream cost calculator.
-
Bouncing Animation - JS Canvas
We explored animation using JavaScript canvas and furthered our understanding of variables and if statements by creating an animation of a bouncing square.
-
Controlled Player - Key Events
We discussed how JavaScript can be used to build web games by creating an arrow key controlled player, confined to the screen. This activity also reinforced if statements and variables.
-
Keep Learning - Build Your Own Projects
By the end of the workshop I shared plenty of resources with the participants and encouraged to continue to learn by doing now that they had a surface level understanding. I left them with access to the Google Classroom I had made full of instructional videos, slide decks, start and completed code, and resources. I have included this link below for anyone who may be interested!