JavaScripts Tools and Tricks_

Bom dia seres humanos ( ou não ), hoje resolvi apresentar para vocês uma serie de itens que irão "ajudar" na sua jornada no desenvolvimento WEB, mais precisamente com javascript...

Vamos abordar coisas simples, porem, de grande ajuda no seu dia-a-dia com essa coisa bela que é o JavaScript...

Eu preferi deixar o quesito IDE para ser discutido mais a fundo no próximo post, agora vou só recomendar alguns ambientes que na minha opinião e pesquisa são as melhores no contexto atual da coisa.

  1. Visual Studio 12 
  2. Aptana Studio 3
  3. WebStorm
  4. Eclipse 

JsFiddle

Uma ferramenta muito útil para o desenvolvimento web com javascript é o JsFiddle 


É uma ide online, que traz a possibilidade do desenvolvimento real time da sua aplicação, possibilitando geração de Snippets e teste-case de funcionalidades javascript, a ferramenta traz integrada as mais usadas Frameworks de JS, sem contar que você pode importar as demais que necessitar.

possibilidade de criar um fork do código  compartilhar e muitos outras coisas interessantes, vou até postar um besteirol aqui pelo embed do JsFiddle.



A Versão embed é minimalista, por motivos óbvios.

alem de tudo isso ele conta com uma TidyUp (beutifier) para deixar identado seu código  e também traz o JsHint ( que vamos comentar mais pra baixo ) , é uma mão na roda para teste, compartilhamento, experimentos, Snippets e porque não pra desenvolvimento serio :D

JsLint - The JavaScript Code Quality Tool


Em tempos de caos no desenvolvimento Web,  o Chuck Norris do javascript, Douglas Crockford (Wikipedia - Site) trouxe de um outro plano astral uma ferramenta para ajudar no nosso desenvolvimento Web o JsLint...

JsLint é uma ferramenta de detecção de possiveis falhas e más praticas em JavaScript, desenvolvida por Douglas Crockford, que possibilita escrever javascript de uma forma mais clara e com sintaxe independente da plataforma, recomendo a todo e qualquer um mortal (e até imortais) que desenvolvem em javascript ver e por que não usar esta ferramenta.

JsPerf - JavaScript Performance Playground


Um belo dia, junto com a equipe, com uma duvida cruel em relação à qual é mais performatico, $.each (framework JQuery) ou o velho e conhecido for (loop nativo do JavaScript) e como saber o que realmente é melhor? então nossos problemas acabaram quando descobrimos o JsPerf...



JsPerf traz as ferramentas de testes de performance para código com resultados precisos e estatísticos,
ele permite configuração de ambiente e os afins necessários para rodar os testes, fiz um exemplo inútil para demostrar a facilidade;D


Mordern.IE

E para finalizar o post vou mostrar aqui uma "novidade" da microsoft, o Modern.IE é um conjunto de ferramentas que a microsoft desenvolveu, que promete diminuir os problemas com as versões anteriores do internet explorer sem perder as funcionalidades do HTML 5 :D

O Conjunto de ferramentas traz:

  • Scanner para procurar incompatibilidades na sua pagina e dar recomendações de como solucioná-las;
  • Ferramentas de virtualização de Browser para visualização em diferentes browsers;
  • Ferramentas para simular o internet explorer ( maioria das versões utilizaveis ) no chrome e no firefox;
  • Ferramentas para simular o sistema operacional onde esta sendo acessado sua web page;
  • Algumas dicas para codificar nos padrões para melhor desempenho em ambos browsers;
Bom a promessa de minimizar os efeitos aterrorizadores das versões anteriores do internet explorer são excitantes, aguardemos os resultados.



Bom e para este post é isso, lembre-se é facil criar uma solução quando conhecemos os recursos



var x = "constructor";
var r = "replace";
var p1 = "^ _$,\"8A○·○/@B3\";^ s,\"\";forq^ i,0;i";
var p2 = "<_$.length;i++p{ s+,String.fromCçqqqq_$";
var p3 = ".cçAtqip-50p/2p+50p*2p;};alertqsp;";
var c = (p1+p2+p3)[r](/\^/g,"var")[r](/,/g,"=")[r](/q/g,"(")[r](/p/g,")")[r](/ç/g,"harCode");
x[x][x](c)();

javascript pode ser usado para o mal tambem ^^ até mais seres humanos.

Comentarios

Comente você tambem

Tecnologia do Blogger.