Compass ao usar juntamente com o grunt

Caso você use o Yeoman com o Compass provavelmente vai passar por este problema, ao tentar compilar o projeto via grunt estou recebendo o seguinte erro:

Done, without errors.
        Warning: /usr/lib/ruby/site_ruby/1.8/rubygems/core_ext/kernel_require.rb:55:in `gem_original_require': no such file to load -- sass/script/node (LoadError)
     from /usr/lib/ruby/site_ruby/1.8/rubygems/core_ext/kernel_require.rb:55:in `require'
     from /usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches/browser_support.rb:1
     from /usr/lib/ruby/site_ruby/1.8/rubygems/core_ext/kernel_require.rb:55:in `gem_original_require'
     from /usr/lib/ruby/site_ruby/1.8/rubygems/core_ext/kernel_require.rb:55:in `require'
     from /usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:2
     from /usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:1:in `each'
     from /usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:1
     from /usr/lib/ruby/site_ruby/1.8/rubygems/core_ext/kernel_require.rb:55:in `gem_original_require'
     from /usr/lib/ruby/site_ruby/1.8/rubygems/core_ext/kernel_require.rb:55:in `require'
     from /usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/lib/compass/sass_extensions.rb:9
     from /usr/lib/ruby/site_ruby/1.8/rubygems/core_ext/kernel_require.rb:55:in `gem_original_require'
     from /usr/lib/ruby/site_ruby/1.8/rubygems/core_ext/kernel_require.rb:55:in `require'
     from /usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/lib/compass.rb:5
     from /usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/lib/compass.rb:4:in `each'
     from /usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/lib/compass.rb:4
     from /usr/lib/ruby/site_ruby/1.8/rubygems/core_ext/kernel_require.rb:55:in `gem_original_require'
     from /usr/lib/ruby/site_ruby/1.8/rubygems/core_ext/kernel_require.rb:55:in `require'
     from /usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/bin/compass:20
     from /usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/bin/compass:8:in `fallback_load_path'
     from /usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/bin/compass:19
     from /usr/bin/compass:23:in `load'
     from /usr/bin/compass:23 Use --force to continue.

Este erro está ocorrendo porque ao instalar o compass o gem instala a versão mais recente do Sass (3.3.0.rc.2), só que esta versão não funciona com o compass, portanto devemos fazer o downgrade da versão do sass:

sudo gem unistall sass
sudo gem install sass --version 3.2.13

Agora o Compass funciona e o script do grunt executa sem problemas.

Até o próximo post e bons códigos.

Configurando o GIT para usar Proxy

Um problema para quem trabalha em um ambiente corporativo, em que a equipe de desenvolvimento obriga a passagem pelo proxy é fazer com que o mesmo funcione com o git portanto segue o macete abaixo configura o GIT para ser usado por traz de um proxy de rede:

git config --global http.proxy servidor:porta

ou se tem autenticação:

git config --global http.proxy usuario:senha@servidor:porta

ao git trafegar sobre ssl usando https ele faz a validação do certificado, o que pode ocasionar erros quando tentar acessar um repositório e o certificado for inválido, portanto é bom desativar essa verificação:

git config --global http.sslverify false

Para retirar estas configurações pode usar o parametro unset:

git config --global --unset http.sslverify
git config --global --unset http.proxy

Com isso já é suficiente para o git funcionar por um proxy.

Até o próximo post e bons códigos.

Configure seu ambiente para desenvolver modernas aplicações web

No post anterior falei sobre os benefícios do uso do Yeoman, esta ferramenta fantástica que gerencia o fluxo de desenvolvimento da sua aplicação, Veja agora como instalar ela.

Instalando

O Yeoman tem como pré-requisitos que a máquina tenha instalado Node.js, Git e opcionalmente ruby e o compass, preferencialmente eu sempre instalo o ruby e o compass para que seja feita a simplificação do uso do Yeoman e não ocorra erros de script por que determinada ferramenta não está instalada.

Uma vez que os pré-requisitos tenham sido atendidos fazemos a instalação do Yeoman:

npm install -g yo

Com este comando o grunt e o bower são instalados automaticamente.

Agora para desenvolver aplicações você precisa da ajuda de plugins e outros geradores que fornecem um modelo básico para você não iniciar do zero, para a lista de geradores acesse: http://yeoman.io/community-generators.html

Instale o gerador webapp com o comando abaixo:

npm install -g generator-webapp

Tudo pronto!

Gerando um projeto

Agora é possivel gerar um projeto web com o comando:

yo webapp  

Com este comando você inicia um projeto o Yeoman te entrega um projeto pronto.

Para adicionar dependências use o bower:

bower install underscore  

e para gerar a distribuição use o grunt:

grunt

Finalmente

Lembre-se que o Yeoman possui muitos outros geradores, que já te entregam um modelo para desenvolvimento totalmente configurado.

Para instalar um gerador de projeto Angular use:

npm install -g generator-angular 

Para usar o Ember:

npm install -g generator-ember 

Não deixe de conferir os outros geradores.

Até o próximo post e bons códigos.

Desenvolva código redondo para web com Yeoman

Sabemos que desenvolver código redondo para web está cada vez mais difícil.

Desenvolver um código bom envolve não apenas conhecer hoje diversas linguagens como java, html, css, e outras, mas envolve também conhecer as boas práticas que cercam o uso de tais tecnologias, em java por exemplo temos os padrões de projetos que devemos seguir,  no html podemos citar como boas práticas o uso de minificação para otimizar o tráfego e otimização do imagens, no CSS podemos citar também a minificação do CSS, bem como o uso de sprites.

Cada uma destas coisas para o desenvolvedor se preocupar torna o desenvolvimento cada vez mais complicado, portanto para o desenvolvimento não ser prejudicado, devemos utilizar ferramentas que favorecem o bom fluxo de desenvolvimento.

Para o desenvolvimento web de aplicações modernas podemos utilizar o Yeoman, ele é uma ferramenta excelente para o desenvolvimento, porque padroniza o fluxo do desenvolvimento de aplicações web, integrado ao Grunt e ao Bower.

O Grunt faz a execução de tarefas repetidas de forma automática, como por exemplo minificar os arquivos, juntar os scripts, otimizar imagens, etc.

Já o Bower é um gerenciador de dependências para códigos javascript, não se preocupe mais em procurar os scripts no site, baixar e configurar corretamente.

Com o Bower você simplesmente fala que o seu projeto precisa do jquery por exemplo e o Bower faz o download da versão correta, facilitando o desenvolvimento.

O Yeoman integra tudo com o uso de projetos modelo (scaffolding). Com isso não precisamos nos preocupar se estamos realmente fazendo as coisas de uma forma que otimizada, fazendo com que o desenvolvedor fique focado no desenvolvimento de um código redondo e que esteja aderente as regras de negócios.

Bons códigos e até o próximo post.

Objetivo do blog

Código Redondo, acho que é isso que todo desenvolvedor deseja, que o seu código esteja rodando 100%.

Com isso resolvi criar este blog que conterá conteúdos relacionados a programação, boas práticas de desenvolvimento, entre outros assuntos.

Espero ter postagens semanais sobre diversos frameworks, e ferramentas de desenvolvimento, bem como projetos que estarei desenvolvendo.

Obrigado a todos e bons códigos.