code_environments.md

Code Environments

Local

Online Coding Environments

• internal

  • jupyterlite static html
    • Python + JS completely in browser
  • jupyterhub.canterbury no-readline

• login-free

  • sharepad.io js, python, c#, java - no login - live collaboration - share single files - pre-execute-readline
  • programiz.com java, c#, js, c, html5 python (looses repl state), c#, sql. Loads of courses/tutorials/challenges
  • OneCompiler.com pre-readline
  • tutorialspoint.com/codingground
  • csacademy.com/workspace/
  • editor.raspberrypi.org - python (with readline) and html
  • mycompiler.io pre-readline
  • w3schools.com/tryit no-readline
  • dotnetfiddle.net C# only
  • javafiddle (completely client web-assembly)
    • JVM replacement in HTML5 and WebAssembly to run Java applications (and applets) on modern browsers
  • glot.io - (in settings raise number of default lines)
  • ideone.com - fairly slow
  • tio.run - no starting program - create main method from scratch
  • html,css,js
    • CodePen
    • Playcode.io, react,vue
    • JSFiddle
  • REPL terminal
    • pyodide terminal

• social login required

  • repl.it - social login required
    • not brilliant for one-shots
    • live remote pair/group share
  • codebunk - live collaboration
  • jupyterhub.org python
  • Google Colab

• Full web IDE

  • https://github.com/calaldees/VSCodeOnlineExample
    • gitpod.io - social login or github required
    • codespaces?
  • vscode.dev full VS code in browser - no login - interesting!
    • vscode-code-runner-for-web - extension to run python code in browser

• other

  • glitch.com - web tech
  • create.withcode.uk python only - but has input box support
  • codepad.org - very simple - older languages
  • https://sqlite.org/fiddle/

• TODO: merge these with above

  • jupyterhub.canterbury.ac.uk
  • Browser Based
    • w3schools.com/tryit
    • OneCompiler
    • mycompiler.io
    • tutorialspoint.com/codingground
    • glot.io
  • Browser Based - Live Share
    • Repl.it
    • codebunk
  • Other
    • dotnetfiddle.net csharp
    • glitch.com node.js
    • create.withcode.uk python only - but has input box support
    • Limited
      • ideone.com
      • codepad.org
      • tio.run

Skills

• Rearrange windows
• Block Indent + De-indent
• Look at the colours of the brackets - indentation
• Multiple terminals
• Hotkeys to move tabs + run
  • See more in mapOfComputing hotkeys
• understand whitespace (and different newlines, tabs, spaces)
• Get a small program that works - commit! - add functionality - Read the errors
• Devtools
  • Network (request response? cors?)
  • JS console