Learning Resources

Many of our students enjoy practicing their coding skills in between sessions and semesters. Here, we’ve compiled a list of resources to help reinforce what your kids are learning with Bold Idea – from online games and simple tutorials to programming documentation

HOUR OF CODE

Hour of Code offers a huge collection of self-guided coding activities and lesson plans designed for coders all ages. Click the button below and use the search filters to narrow down the activities and find one that’s right for you.

HTML & CSS

CSS Diner
Once you’ve learned the basics of CSS, check out CSS Diner for a great way to level up your CSS selector skills.

Flexbox Froggy
Flexbox is way to control layout using CSS. It’s very powerful, but can be a bit tricky to learn. Flexbox Froggy is a fun game to help you better understand flexbox.

Khan Academy - Intro to HTML / CSS
This Khan Academy online tutorial walks through an introduction to web development languages HTML and CSS using videos, practice challenges and fun projects. Like ‘Intro to JS’, the tutorial includes a thorough documentation, or reference sheet.
Cost: Free. Login required

Javascript

Khan Academy - Intro to JS: Drawing & Animation
We like the format of this online tutorial that teaches the JavaScript language and the ProcessingJS library. Perfect for students who are creative and artistic, ‘Intro to JS’ guides students in creating fun drawings and animations through videos, practice challenges and projects. Cost: Free. Login required

Code Combat
With Code Combat, you can learn to code by playing games! Code Combat defaults to Python, but you can also select from a variety of languages, including Javascript. Whether you’re a beginner, or just want to level up your coding skills, this is a great way to get started. Cost: Free. Login optional

P5.js
p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else.

  • Click here to see some examples of what you can do with p5.js

  • Click here for some self-guided activities that will help you learn p5.js

Cost: Free. No login required