Sandbox
Published: 2022-12-17 03:01:12

Em desenvolvimento de sistemas uma coisa sempre me fascinou: _depuração_.

Compreender o que faz cada instrução, verificar o valor de cada variável, analisar a lógica utilizada é um dos motivos pelos quais considero programação algo singular.

E as IDEs (Ambiente de Desenvolvimento Integrado) que acompanham os desenvolvedores desde os primórdios da programação, começaram como meros editores de texto.

Ao longo do tempo evoluíram para ferramentas bastante completas - e complexas - sendo que algumas suportam mais de uma linguagem de programação.

Por outro lado, considero o processo de instalação de uma IDE traumático. Para usuários menos experientes pode significar refazer o processo várias vezes até 'acertar a mão'.

Há situações onde adicionamos pacotes de componentes adicionais à IDE, tornando-a maior e mais pesada.

---

#### E para quem quer validar pequenas rotinas? 

Nesses casos minha sugestão é a utilização de uma _SandBox_.

O conceito se aproxima do _Docker_ mas sem precisar instalar nada, rodando a partir de qualquer navegador de internet.

Disponíveis para várias linguagens de programação o objeto é ser fácil de usar, gratuita e acessível.

Outra vantagem no uso de uma SandBox é a questão do aprendizado. 

Geralmente quem está no início da carreira de programador ou simplesmente quer aprender uma nova linguagem de programação, esta é uma excelente alternativa às IDEs geralmente pagas.

Com isso em mente, vou listar algumas SandBoxes bem interessantes, separados por linguagem de programação.

---

### PHP

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y5558whotxjcdx76h8jo.jpg)

>  OnLinePHP.io

Com layout minimalista, possui opção para escolher entre tema claro ou escuro e o suporte vai desde a versão 4.0.6 até 8.2.0 do PHP.

Tem uma lista das funções mais utilizadas na plataforma e permite fazer o download do fonte. Assim que rodamos o programa, o site mostra quanto tempo o código levou para ser executado e a quantidade de memória.

Acesse neste link: https://onlinephp.io/

---


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bjc31jhjbhq5ln1mwvcf.jpg)

>  WTOOLS - Web Tools

A proposta deste site é diferente. Além de possuir um editor para rodarmos nossos códigos PHP, há outras ferramentas como geradores de dados aleatórios, validadores e formatadores de json/xml, por exemplo.

Neste site destaco a seção de Code Snipets, local recomendado para fazer uma 'visita'.

Acesse neste link: https://wtools.io/

---

### Javascript

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4ptgncw5igoy2t8olifa.jpg)

> PLAYCODE

A lista de templates disponíveis neste site é surreal. Desde JS puro passando por ReactJS (_class components_ e _function components_), VueJS e Svelte.

O que chamou a atenção aqui foi a possibilidade de personalizar a saída com CSS, sendo possível praticar ao mesmo tempo uma linguagem de estilos com Javascript.

Você pode (literamente) se divertir aqui: https://playcode.io/.

---

### CSharp

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2o75m9bu6gbjl4uq1pgx.jpg)

> .Net Fiddle

Este é voltado para C#, F# e VB.NET. Já as opções de framework estão limitadas ao .net Framework 4.7.2, asp.net core 3.1.

Acesse neste link: https://dotnetfiddle.net/

---

### Geral


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/opwwbeq0jkgpfv58m5yt.jpg)

> w3schools

E por último mas nem por isso, menos importante, temos o W3Schools. 

A proposta aqui é ensinar as mais variadas linguagens de programação, sempre baseando-se na documentação oficial.

Com exemplos bem didáticos, você é incentivado a treinar o código que acabou de aprender através de um editor básico.

Acesse neste link: https://www.w3schools.com/default.asp

---

Deixe nos comentários o que você achou dessa lista e quais outros sites você incluiria nela.

Espero ter ajudado e até breve. :sunglasses: