top of page
assorted-color%2520abstract%2520painting

Learn JavaScript 
for Web

(Ages 11-21)

JavaScript Intro Series

Web 101 - Intro to Web

10 hours

In-person or Online

This intro course is for absolute beginners interested in how the web works and how to build your own website! Learn the basics of computer programming using JavaScript, and the associated mark-up language HTML and CSS. 

 

Coding is the writing of instructions for a computer to execute. Like any written language, it has expressive power. What says "this is me, hear me roar!" more than your very own website ;) Gain not only a key skill in the digital age, but also the potential to find world wide web-fame!​

Web 102 - Functions

20 hours

In-person or Online

Our follow-on course dives deeper into a key coding tool - the use and creation of functions. Functions are a set of instructions that perform a specific task in your program. To use functions well, you need a strong intuition for how tasks are organised within your program, where data is kept, how to keep track of different moving parts, as well as how to decompose large, hairy problems into more bite-sized issues that can be tackled.

 

Fractals & geometric art is a powerful way to see the beauty of writing and using functions in your code. In this course, learn to meld music, art and code in a multi-media symphonic project!

Web 103 - Lists & Dictionaries

20 hours

In-person or Online

Up to this point, we've mostly been dealing with simple data types. Code becomes much more helpful with large datasets if you are able to organise that data in ordered lists or pair up information in unordered key-value pairs, also known as a dictionary. 

 

In this course, we dive back into the world of electronic music to see how musical notes, effects, and other musical parameters, when stored in lists and dictionaries, gives music producers (like you!) more power and autonomy when arranging music. 

Web 104 - Objects

20 hours

In-person or Online

As the final course in our Python beginner series, students will encounter the most complex data type in this series -- an object. Objects are complex data types that can include any combination of simple data, complex data, and even functions (a.ka. methods). Whereas we had thus far been honing our aptitude in accessing and manipulating data, objects gives us the power to reproduce and build more complex data structures.

​

We will complete projects in music, art as well as the broader creative endeavour of story-telling. These interdisciplinary projects will give students a wide range of opportunities to apply all their programming skills to express themselves.

Music Studio
Music Studio

Make music
with Python

Abstract Wash
Abstract Wash

Make art
with Python

Brain Storming on Paper
Brain Storming on Paper

Intro to web programming

Abstract Wash
Abstract Wash

Make art
with Python

01/

Computer Science Concepts

  • sequencing

  • variables

  • loops

  • conditionals

02/

HTML + CSS

  • Basic HTML tags & position

  • Inline vs External CSS

  • CSS Selector

  • CSS Class

  • CSS ID

03/

Computational Thinking Skills

  • Algorithms

  • Pattern Recognition

04/

Ideas in Web Design

  • How the Internet works

  • How the websites work

  • Anatomy of a web page

  • Static vs interactive websites

  • Structuring a website with directories (folder)

  • Design simple web-based applications and games

01/

Computer Science Concepts

  • variables

  • loops

  • conditionals

  • functions

02/

Data Types

  • integers

  • float

  • strings

  • Boolean

03/

Computational Thinking Skills

  • Decomposition

  • Abstraction

04/

Geometric Art & Fractals

  • What is geometry and fractals

  • The golden ratio

  • Recursive drawings

01/

Computer Science Concepts

  • sequencing

  • variables

  • loops

  • conditionals

  • functions

02/

Data Types

  • lists

  • dictionaries

03/

Computational Thinking Skills

  • Decomposition

  • Abstraction

04/

Ideas in Music Production

  • Hooks, motifs, fills

  • Sampling

  • Mixing

  • Vocals

01/

Computer Science Concepts

  • sequencing

  • variables

  • loops

  • conditionals

  • functions + methods

02/

Data Types

  • lists

  • dictionaries

  • objects

03/

Computational Thinking Skills

  • Algorithms

  • Pattern Recognition

  • Decomposition

  • Abstraction

04/

Ideas in Music Production

  • Hooks, motifs, fills

  • Sampling

  • Mixing

  • Vocals

bottom of page