Hoje quero indicar algumas ferramentas online bem interessantes, nas quais você pode testar trechos de código e conferir o resultado instantaneamente.
Esse tipo de ferramenta é útil principalmente quando queremos fazer algum teste rápido sem criar toda interface ou codificação, ou simplesmente quando estamos longe do nosso computador de criação. Através dos sites indicados, você poderá testar CSS, HTML, JavaScript, PHP e muitas outras linguagens.
Cada site tem suas particularidades, portanto fica a critério de cada um testar e escolher as melhores opções para usar no dia a dia.
Html
Muto bom, prático e rápido.
Com suporte a HTML5, CSS3 e JS, o grande diferencial desta serviço fica por conta das libraries disponíveis, como jQuery e Modernizr por exemplo, que podem ser incluídas na sua página com apenas um clique.
Dabblet
Com ele você testa CSS e HTML rapidamente e o resultado é apresentado no topo da tela. Um novo compilador para JS está sendo implementado ao serviço e em breve você terá uma nova opção no mesmo serviço.
Codepad
Após escolher a linguagem e digitar o código a ser testado, você terá uma tela com o resultado além de um link com seu código para compartilhar com seus amigos via chat por exemplo.
Ideone
Oferece suporte à diversas linguagens como PHP, JAVA, C# e muitas outras (ao todo são mais de 40 linguagens suportadas). Ao rodar um trecho de código ele apresenta uma mensagem de sucesso ou erro, bem como a saída gerada pelo código.
JSfiddle
Simples e objetivo, com ele você testa HTML, JS e CSS. Oferece 4 áreas, sendo 3 delas para você digitar seu código e uma para apresentar o resultado quando o botão RUN for pressionado.
Estas foram minhas dicas de hoje, espero que ajudem você quando precisar testar algum código longe de sua IDE. Caso tenha alguma sugestão para compartilhar conosco, deixe um comentário logo abaixo.
Todo desenvolvedor que se preze está sempre em busca de soluções e dicas para otimizar seu tempo de trabalho, seja através de técnicas corretas de desenvolvimento, uma boa IDE ou uma galeria de snippets de código bem organizada.
Mas afinal de contas, o que é um snippet? Snippet é um termo usado em programação para definir uma pequena região de código reutilizável.
Sabendo agora o que é um snippet, vamos conhecer algumas vantagens de utilizar uma galeria bem organizada com seus códigos mais usados e úteis.
Vantagens de usar galerias de snippets
- Economia de tempo na digitação;
- Redução do tempo de debug;
- Localização rápida do que é preciso;
- Evita perca de código fonte importante;
- Agiliza o trabalho em equipe;
Que tipo de código deve ser guardado
Não se empolgue com a idéia dos snippets, você não deve armazenar milhares de linhas ou então classes inteiras. Snippet em tradução livre quer dizer fragmento, portanto armazene somente funções e trechos mais utilizados em seus projetos.
Outra dica importante é fazer comentários sobre as funções guardadas, uma vez que daqui algum tempo, muito provavelmente você não irá lembrar a utilidade daquele código.
Como gerenciar uma galeria
Grande parte das IDEs mais utilizadas da atualidade inclui o recurso de criação e gerenciamento de snippets nativamente em suas funcionalidades, é o caso de softwares como Adobe Dreamweaver, Komodo IDE, Zendstudio e o Aptana. Sobre este último inclusive temos uma aula publicada que explica o básico sobre criação de snippets.
Mas, fora as IDEs, existem softwares exclusivos para essa finalidade, como é o caso do Codex, o Snippely e o Texter, e vamos combinar que todos são muito úteis e fáceis de usar.
Então, se por acaso você não conhecia os famosos snippets, é hora de começar a usá-los e ganhar tempo em seus projetos.
Testar HTML
http://jsfiddle.net/
Nesse testador, você pode testar códigos em HTML, CSS, JavaScript, CSS e jQuery.
Para usar o site, basta você colocar os códigos nas respectivas linguagens, sem as tags de abertura e fechamento do código "<style> </style>".
Para ver o código em funcionamento, clique no botão Run
Testar PHP
http://phptester.net/
Nesse testador basta você pegar o seu bloco de código em PHP, colar no lado direito, e clicar no botão Click to test your php code
Testar MySQL
http://sqlfiddle.com/
Esse testador permite você testar códigos em MySQL / SQL / Banco de dados.
Para testar, de preferência, faça um sql para criar e inserir algumas linhas no banco de dados recém-criado. Após, faça sua query de consulta por exemplo.
Ao chegar na página do testador, clique no botão Build Schema, em seguida, coloque seu bloco de códigos na direita, após clique no botão Run SQL.
Obs.: Alguns códigos nos testadores podem não funcionar, devido a versão usadas nos scripts testados, erro nos códigos testados, ou erro nos sites testadores.
Testar HTML
http://jsfiddle.net/
Nesse testador, você pode testar códigos em HTML, CSS, JavaScript, CSS e jQuery.
Para usar o site, basta você colocar os códigos nas respectivas linguagens, sem as tags de abertura e fechamento do código "<style> </style>".
Para ver o código em funcionamento, clique no botão Run
Testar PHP
http://phptester.net/
Nesse testador basta você pegar o seu bloco de código em PHP, colar no lado direito, e clicar no botão Click to test your php code
Testar MySQL
http://sqlfiddle.com/
Esse testador permite você testar códigos em MySQL / SQL / Banco de dados.
Para testar, de preferência, faça um sql para criar e inserir algumas linhas no banco de dados recém-criado. Após, faça sua query de consulta por exemplo.
Ao chegar na página do testador, clique no botão Build Schema, em seguida, coloque seu bloco de códigos na direita, após clique no botão Run SQL.
Obs.: Alguns códigos nos testadores podem não funcionar, devido a versão usadas nos scripts testados, erro nos códigos testados, ou erro nos sites testadores.
Nenhum comentário:
Postar um comentário