Web Development Workshop
Edmonton Public Library | June 2024 - March 2025 | Volunteer
I independently planned and delivered introductory web development workshops for adults at the Edmonton Public Library. These workshops included four 2-hour sessions and were offered for free to members of the community. Participants learned the basics of HTML, CSS, and JavaScript, engaged in hands on activities, and were left with the foundations to engage in future independent learning.
Take a look at what we did! Click on learning activities to see an example of what participants created.
Week One - Intro to HTML & CSS
Concepts covered: Components of a website, HTML file structure and markup, basic CSS Styling
Learning Activities:
- Create a simple web page about your favourite thing
- Save your code using GitHub Desktop
- Host your creation with GitHub Pages
Week Two - Intro to JavaScript
Concepts covered: Basic JavaScript functions and data types, DOM manipulation
Week Three - IPO, Conditional Logic, and JS Canvas
Concepts covered: Input-Process-Output pattern, If statements, Graphics with JavaScript Canvas
Learning Activities:
- Complete an Ice Cream Cost Calculator that uses user input, conditional logic, and math to return a price
- Independently code a program that takes in two numbers, performs a comparison, and outputs a response to the page
- Create or recreate a drawing using canvas elements and JavaScript
Week Four - Animation and Event Driven Programs
Concepts covered: Animation with JavaScript Canvas, Using user input to control an animation, continuous learning
Learning Activities:
- Animate a square that bounces of the edges of the canvas
- Use events to create a user-controlled player
- Use conditional logic to confine the player to the canvas
- Participants were provided with resources to independently further their learning