Teaching Tools

A collection of the tools I find useful when teaching coding and other digital tech. stuff (generally online)...

Online Code Editors / IDEs

• CodePen (HTML/CSS/JS)
• Glitch (free static HTML/CSS/JS, limited free Node apps, pull from GitHub)
• JSFiddle (HTML/CSS/JS)
• AnyFiddle (various languages, including HTML/CSS/JS and Python)
• Replit (various languages, including HTML/CSS/JS and Python, with paid education plans)
• PythonAnywhere (Python instances, with basic teacher/student support)
• Scratch (block-based, classroom features)
• Snap! (block-based)

Docs & Reference

• DevDocs
• CSS Tricks (great guides and CSS almanac)
• HTML Reference
• CSS Reference
• VisuAlgo (visual representations of various algorithms)
• Git - The Simple Guide
• Git - Explain it Like I'm Five
• Learn Version Control with Git

Tools & Utilities

• RegExr
• RegEx 101
• I Hate RegEx

Lessons & Courses

• Code.org (wide range of courses, puzzles, tasks, lessons)
• Hour of Code (lots of free, short coding tasks)
• Codecademy (wide range of courses and languages)
• Udemy (wide range of free dev. courses)
• Grasshopper (coding for beginners using JS)
• FreeCodeCamp (range of in-depth courses)
• LearnPython
• Marksheet.io (HTML/CSS tutorial)
• Hacker Highschool (safety & security)

Coding Challenges

• CoderByte (coding challenges)
• Edabit (tutorials and coding challenges)
• Blockly Games (block-based challenges, linked to JS too)
• Erase All Kittens (fun tasks using HTML/CSS)

Videos & Other Media

• The Coding Train (great, engaging videos)
• The Nature of Code (great coding book for natural systems)
• Kevin Powell (short, clear CSS tutorials)