CODEGOGY
  • Home
  • Launch
    • 1 - Overview >
      • 1.1 What is ADST?
      • 1.2 The TPACK Model
      • 1.3 Coding vs. Computer Science
    • 2 - Essentials >
      • 2.1 Hardware & Software
      • 2.2 Classroom Setup
      • 2.3 Selecting a Language
      • 2.4 File Management
      • 2.5 Using p5.js
      • 2.6 Coding Pedagogy
      • 2.7 Common Misconceptions
    • 3 - Exemplar >
      • 3.1 Objectives
      • 3.2 Planning
      • 3.3 Assessment
      • 3.4 Implementation
    • 4 - Resources >
      • 4.1 Learn
      • 4.2 Tech
      • 4.3 Connect
    • 5 - Project
  • Designer

Learn to Code

4.1 - Learn to Code

Learn p5.js

Picture
Lauren McCarthy, the creator of p5.js, set up a dedicated website for tutorials, examples, and downloads. While the tutorials and demonstrations are very Content Knowledge [CK] and Technological Knowledge [TK] focussed, they are perfect for those who are just interested in learning how to code with p5.js. ​

The Processing Foundation has worked very hard to develop languages like the Java-based Processing that open up learning opportunities for students; they now support p5.js and make learning resources available for teachers. In an effort to engage with the teaching community, they recently launched an educational podcast called createCanvas. ​

Learn More About Coding

Picture
Hundreds of sites offer lessons and examples for coder on dozens of programming languages. Depending on which language you want to use, different websites will be more appropriate. While learning Javascript I found the material on the w3schools.com website to be a helpful reference. This site also provides support for learning HTML and CSS, the other two front-end web development languages. 

Another site that has a plethora of resources, all created by industry professionals, is Lynda.com. While there are paid versions, many public libraries offer free access to this site. 
4.2 - Teach
Powered by Create your own unique website with customizable templates.
  • Home
  • Launch
    • 1 - Overview >
      • 1.1 What is ADST?
      • 1.2 The TPACK Model
      • 1.3 Coding vs. Computer Science
    • 2 - Essentials >
      • 2.1 Hardware & Software
      • 2.2 Classroom Setup
      • 2.3 Selecting a Language
      • 2.4 File Management
      • 2.5 Using p5.js
      • 2.6 Coding Pedagogy
      • 2.7 Common Misconceptions
    • 3 - Exemplar >
      • 3.1 Objectives
      • 3.2 Planning
      • 3.3 Assessment
      • 3.4 Implementation
    • 4 - Resources >
      • 4.1 Learn
      • 4.2 Tech
      • 4.3 Connect
    • 5 - Project
  • Designer