Skip to content

Latest commit

 

History

History
129 lines (116 loc) · 11.9 KB

awesome-playgrounds.md

File metadata and controls

129 lines (116 loc) · 11.9 KB

Awesome playgrounds 🛝

Name What to play? Notes
Python Tutor Python, Java, C, C++, JavaScript Visual Debugger, AI Tutor
Loupe JavaScript's call stack, event loop, callback queue Visualizing the javascript runtime at runtime
JavaScript Visualizer 9000 JavaScript's call stack, event loop, task queue, micro-task queue Inspired by Loupe
float.exposed Floating numbers See Exposing Floating Point
Play with Docker Docker, Docker Swarm There are labs, quizzes from beginner to advanced level 1
Killercoda Kubernetes, ... May support a lot of tools with your help
TypeScript Playground TypeScript
tailwindPLAY Tailwind CSS
codapi Languages (Python, Go, C), databases, network (OpenAPI, curl, caddy), tools (git, grep, ripgrep)... Using interactive code snippets to document and explain things
jqkungfu jq Built with WebAssembly
sandbox.bio Terminal, jq, awk, grep, sed Also has tutorials for jq, awk...
Shipmight's Helm Playground Helm Support only 1 template
Paul Vollmer's Helm Playground Helm Support multiple templates
TIO - Try it online 2 260 practical programming language and 420 recreational programming language (e.g. Braille)
iximiuz Lab DevOps Playgrounds: Linux, Docker, Kubernetes...

Playgrounds for Golang

Name What to play? Notes
Go Playground Go
Tour of Go An interactive introduction to Go
Go by Example Hands-on introduction to Go using annotated example programs (link back to Go Playground)
Play with Go A series of hands-on, interactive, browser-based guides that introduce the tools required to work with the Go programming language.
Ardan Lab's Ultimate Go Tour For anyone who wants a jump start in learning Go or who wants a more thorough understanding of the language and its internals.
Name What to play? Notes
memory spy Run programs and spy on their memory!
mess with dns Experiment with setting up DNS records!
DNS lookups Make DNS queries without using the command line!
nginx playground Test nginx configurations instantly!
sql playground Run SQL queries on a simple test dataset!

Playgrounds for JavaScript Toolchain3

Name What to play? Notes
Prettier Playground JavaScript formatter Opinionated Code Formatter
ESLint Playground JavaScript linter Find and fix problems in your JavaScript code
Babel Playground JavaScript compiler Use next generation JavaScript, today.
Biome Playground Format, lint, and more
Oxc Playground The JavaScript Oxidation Compiler (Oxc) is a collection of high-performance tools for the JavaScript language written in Rust.
Parcel Playground Web bundler The zero configuration build tool for the web
HTML to JSX, SVG to JSX JSX
SVGOMG SVGO
postcss-preset-env Playground PostCSS plugins
Lightning CSS Playground CSS parser, transformer, bundler, minifier

Playground for Frontend Frameworks

Name What to play? Notes
SvelteJS REPL SvelteJS Official
SolidJS Playground SolidJS Official
VueJS Playground VueJS Official
React Playground React

DX Playgounds

Name What to play? Notes
CodingFont Playground Choose your favorite font for coding
VS Code Themes Choose your favorite VS Code theme
Theme Studio for VS Code Create Your Own VS Code Themes

Footnotes

  1. http://training.play-with-docker.com/

  2. https://github.com/TryItOnline/tryitonline

  3. https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Introducing_complete_toolchain