DEV Community

Cover image for Sandbox
Marcio Policarpo
Marcio Policarpo

Posted on

Sandbox

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

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

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

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

.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

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. 😎

Top comments (0)