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

Technology for Coding

4.2 - Technology for Coding

Integrated Development Environment (IDE) for p5.js

Picture
The Processing Foundation supports an web-based integrated development environment (IDE) for p5.js. It is a free, browser-based application with user accounts and cloud-based storage. The only requirements for use are an up-to-date web browser. I will often use this editor to play around with concepts as it includes a compiler to display the results as I code. The limitations of this for classroom use include potential WiFi connection issues and the fact that it 'hides' the processes involved in managing files. 
​
p5.js Online Web Editor

Text Editor for Multiple Languages

Picture
If you are interested in working with programming languages or Javascript libraries other than p5.js you may want a more general tool for coding. Atom is a free, community supported text editor which can be used to program in dozens of different languages. It is free to download for the three major operating systems (MacOS, Windows, & Linux) and is regularly updated with patches to fix bugs. As a text editor it has many features for writing code including colouration, prompts, and support for catching syntax errors. 
Atom Text Editor
Atom does not have a built in compiler and so you must manage your files as shown in 2.4 - File Management and 2.5 - Using p5.js. One advantage of this program in terms of classroom use is that it can be used offline. However, downloading Atom and maintaining it with software updates can be difficult if you do not have the proper administrative permissions on your school network. 
4.3 - Connect
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