Editors & Coding Sandboxes

View saved

You need somewhere to type code. A desktop editor like VS Code is the long-term default for most developers; browser sandboxes are perfect for quick experiments, sharing a snippet, or working when you cannot install software.

Sandboxes reset or limit storage differently than a project folder on your machine. Use them to learn, then save important work to Git so you do not lose it.

Cloud IDEs (Codespaces, Replit) feel like a full environment in the browser. Free tiers exist but may throttle compute or require a paid plan for always-on private workspaces—check current limits.

Desktop editors

Visual Studio Code

https://code.visualstudio.com/

A free, popular code editor from Microsoft with extensions for almost every language, built-in terminal, Git integration, and debugging support.

Install this early if you can; it matches what many tutorials assume.

Browser sandboxes

vscode.dev

https://vscode.dev/

VS Code running in the browser—open local folders (where supported) or remote repos without a full desktop install. Feature set is lighter than the desktop app.

Handy on shared or locked-down machines when you still want a familiar editor UI.

GitHub Codespaces

https://github.com/features/codespaces

Cloud development environments tied to a GitHub repository. Free monthly hours for personal accounts are limited; paid usage applies after that.

Use when a project needs a full Linux-like environment without configuring your own PC.

Replit

https://replit.com/

Online IDE that runs many languages in the browser with sharing and hosting features. Free plans exist; always-on and private projects often need paid tiers.

Good for classroom-style starts; export or push to GitHub for long-term ownership of your code.

CodePen

https://codepen.io/

Front-end playground for HTML, CSS, and JavaScript with live preview. Free pens are public; privacy and extra features are on paid plans.

Excellent for CSS experiments and small UI demos you want to share with a link.

CodeSandbox

https://codesandbox.io/

Browser IDE oriented toward JavaScript frameworks and Node projects, with templates and shareable sandboxes. Free tier covers personal experimentation.

Useful when a tutorial links a sandbox you can fork instead of scaffolding from scratch.

JSFiddle

https://jsfiddle.net/

Classic HTML/CSS/JS fiddle with panels and a result pane. Simple, fast, and free for public fiddles.

Reach for it when you need a minimal snippet demo without a framework template.

Comments

One comment per signed-in account. Comments are saved with this page’s URL.