Ferramentas essenciais atuais: aplicativos úteis

0

Depois de ter otimizado seu fluxo de trabalho como um desenvolvedor, você percebe que você pode precisar de aplicativos adicionais. Incluindo carregadores de módulos até corredores de teste.

code-820275_960_720

RequireJS

requirejs.org

Em algum momento, você vai começar a deixar para trás a ideia de reunir todo o seu JavaScript em um arquivo. Quando isso acontece, você vai chegar rapidamente a RequireJS, um arquivos de arquivos/módulos. Infelizmente, passar a codificar javascript por módulos é um processo mais difícil do que parece. Depois de entender o conceito de AMD, você terá para codificar a logística: Como instalar RequireJS? O que você faz com livrarias não AMD? Como você gerencia as dependências entre elas? O que sobre a configuração e otimização?

RequireJS é um carregador de módulos disponíveis mais populares.

Sim, há uma curva de aprendizado, mas vale a pena.

 

Testem

github.com/airportyh/testem

Uma barreira para o teste é o fato de que às vezes leva um monte de organização e equipamento colocado em operação. O tempo que leva, o mais provável é que o desenvolvedor não faça o teste. E é por isso que o Testem é fantástico. Fácil de usar, conveniente e sem esforço.

Testem é um corredor de teste que faz com que os testes JavaScript se tornem divertidos.

html5-171876_960_720

Grunt

gruntjs.com

Grunt é uma ferramenta com linha de comando com base em tarefas para construir aplicações JavaScript. Pense nisso como a ferramenta que pode executar várias pequenas operações comuns. Compilar, minimizar, correr testes, implantar – cada um deles deve estar automatizado. Com Grunt, longos processos como estes podem ser traduzidos em uma única linha de comando.

Grunt ajuda a automatizar tarefas com o mínimo esforço.

 

Normalize

necolas.github.io/normalize.css

Seu site parece ser bom no Chrome e Forefox, mas então você vê como ele fica no Internet Explorer e você gasta horas se dedicando a um suporte cross-browser.

Normalize faz com que todos os navegadores reproduzam os elementos tão consistente quanto possível. Você já teve o aborrecimento de organizar uma irregularidade na altura de 3 pixels entre os navegadores? Bem, com Normalize isso não acontece mais.

Normalize faz seu trabalho parecer mais consistente entre os navegadores.

 

HTML5 Boilerplate

html5boilerplate.com

HTML5 Boilerplate é um produto de anos e anos de experiência. É o início de projetos finais e é usado por empresas como Google, Microsoft e NASA. A melhor parte é que, embora não utilize totalmente, você pode usá-lo para copiar e colar partes dele.

Comece o seu projeto com HTML5 Boilerplate.

 

Twitter Bootstrap

getbootstrap.com

Enquanto no mundo em desenvolvimento, um código sempre é reutilizável, no mundo da CSS, isso não acontece tão frequentemente. Quantas vezes você escreveu estilo para um post de um blog? Se alguém pudesse criar um pacote “limpo” com estes componentes reutilizáveis, poderíamos construir novas aplicações muito mais rapidamente. Agora temos o Bootstrap. Desenvolvido pela equipe de Twitter, Bootstrap fornece vários recursos, componentes e classes (CSS e JavaScript) para minimizar a quantidade de código que você tem que escrever para cada novo projeto. Isso inclui tudo, desde uma folha de estilo reset, botões, para caixas modulares com JavaScript. Particularmente para os desenvolvedores que não são designers, Bootstrap é uma escolha fantástica.

Bootstrap minimiza a quantidade de código que você precisa escrever para um novo projeto.

 

Foundation

foundation.zurb.com

Se o Twitter Bootstrap não convence você, então sua segunda opção deve ser Foundation, co-ZURB. É semelhante ao Bootstrap. Foundation oferece uma grade flexível, plug-ins Javascript, CSS e vários componentes para construir rapidamente. A verdade é que as coisas dar errado com qualquer uma das duas opções. Ultimamente, escolho um ou o outro por uma razão: preferência pessoal. Qual dos dois você prefere?

Foundation ajuda a criar poupança código de tempo.

 

E você, já experimentou alguma dessas ferramentas?

 

 

Deixe uma resposta