Git Product home page Git Product logo

mdermentzi / p5js_workshop Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 1.41 MB

“Learning to code by drawing”I was assigned by UTech Lab to deliver a coding workshop on creative programming to students ages 10-18. I used p5.js to design a simple but challenging, in terms of algorithmic thinking, “sketch” and created step by step educational hand-outs which I will soon translate and upload under a creative commons licence. You can take a glimpse of how the final project that the students had to code looked like by clicking here.

Home Page: https://mdermentzi.github.io/p5js_workshop/

License: GNU General Public License v3.0

HTML 0.04% JavaScript 99.96%
p5js p5 p5-sketches creative-coding learn-to-code introduction-to-programming workshop workshop-materials beginner-project beginners-friendly

p5js_workshop's Introduction

p5js_workshop

“Learning to code by drawing”

Workshop duration: 3.5 hours including a 30-minute break

I was assigned by UTech Lab to deliver a workshop on creative coding to students ages 10-18 as an introductory course to programming. I used p5.js to design a simple but challenging in terms of algorithmic thinking “sketch” and created step-by-step educational hand-outs.

The workshop materials that you should be downloading are the two zipped folders. The one called "instructor" contains the instructor's notes and some images to be used during the delivery of the workshop.

The "ENG_p5js_workshop" includes all the course materials that should be downloaded to the students' computers so that they can work on them. The students should be writing their code inside the "sketch.js" file. I have also included a cheat file with detailed descriptions of every step. You can find this file inside the sub-folder "libraries," under the name "theory_cheatsheet.js."

Although I delivered the workshop in Greek, I have now translated all the materials in English for everyone to use.

I consider p5 as an excellent tool to get more kids into programming and the workshops that I delivered were a great success.

Enjoy and I hope you find this useful!

p5js_workshop's People

Contributors

mdermentzi avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.