STEAM Projects

Jordannada

micro:bit

AR.js

AR.js Documentation

AR / Augmented Reality

Front-end code playground. HTML, CSS, JS snippets.

Community

CodePen

Community

Neocities

Static Sites

Bibi: Nose Pen 鼻笔 - jordanne

More sites need to be like Aegi’s Cafe

Aegi's Cafe

Examples:

ml5.js

The Web

ml5js·Friendly Machine Learning For The Web

Code and deploy apps quickly. Collaborative, no setup. Live previews, version history.

Community

Glitch: The friendly community where everyone builds the web…

Train models at Teachable Machine

Teachable Machine

Machine Learning

(⁠=⁠^⁠･⁠ｪ⁠･⁠^⁠=⁠)

p5.js demo: make an interactive worm

Creative Coding

Join Birb’s Nest Discord’s #WCCChallenge

The Editor!

p5.js Web Editor

Buy a Circuit Playground or Micro:Bit

Join OpenProcessing

Make a Scratch account

JavaScript library for visual arts. Animations, multimedia. Web-focused, user-friendly.

Action items, for you

My stuff:

Sketches by jordanne on OpenProcessing

(￣(エ)￣)

p5.js

Steal like an artist. (Respectfully learn from copying other peoples’ code.)

Open Processing

p5.js
Community
 Share and discover sketches. Community-focused, creative platform.

OpenProcessing - Creative Coding for the Curious Mind

Use kid-designed resources to fast-forward your learning

You can and should write code without “coding”

You can learn literally anything online, by yourself

Scratch demo: Rainbow lines

THERE IS SO MUCH COOL STUFF OUT THERE, WHAT ARE YOU GOING TO LEARN AND CREATE?!

(=ↀωↀ=)✧

Takeaways

My stuff

Scratch - Imagine, Program, Share

Visual programming for beginners. Create games, stories, animations. Community-based, no syntax worries.

My first program: Straw Shooter

https://scratch.mit.edu/projects/172925178/editor/

block-based amazingness

https://www.meetup.com/creative-code-toronto/

Scratch

Scratch 3 Programming Playground By: Al Sweigart

Scratch
Book

Kinopio is a mind-mapping thinking tool

What is this site?

Made for the Creative Code Toronto Meetup

Background as STEAM educator for kids

I’m Jordanne! A self-taught coder and generally curious person

Who made this?

I’d like to inspire creativity through code, share my personal journey and offer resources.

Learn about creative coding and how to get started!

ヽ(=^・ω・^=)丿

Introduction to Creative Coding!

What is this board?

Hello!