[Tutorial] Gerando estrutura de aplicação web com NodeJS + Yeoman

Aprendemos a instalar o NodeJS no ubuntu 14.04 LTS uns dias atrás, agora vamos entender porque o NodeJS é tão popular entre os desenvolvedores front-ends. Vamos trabalhar com alguns componentes que deixam nossa vida mais automatizada, trazendo redução de tempo na produção dos projetos realizados, e alguns eles são: Yeoman Gulp Bower Sass(Scss) jQuery Modernizr O Conceito Imagine só, todo projeto seja ele de estudo ou de produção tem que criar toda uma estrutura de pastas e arquivos para poder começar a trabalhar, levando em consideração que precisaremos configurar o Gulpfile.js, Bower.json, linkar jQuery,Modernizr, fazer os testes, estruturar o Sass(scss) e … Continuar lendo [Tutorial] Gerando estrutura de aplicação web com NodeJS + Yeoman

Instalando NodeJS & Npm Ubuntu 14.04 LTS

Hoje tive um problema com meu NodeJS no Ubuntu 14.04 LTS, simplesmente instalava o pacote, e o mesmo não funcionava. Eu preciso dele para fazer com que meu gerador de projeto feito em Ruby que utiliza Gulp, Bower, e outros pacotes trabalhe sem erros e com todas as dependências 100% funcionando. Então “fuçando” descobri com o comando “which nodejs” que o mesmo estava dentro de /usr/bin/nodejs o que fazia com que alguns pacotes como gulp, bower,express, etc, não reconhece-se como instalado, porque ele deve ficar em /usr/bin/node. Comecei a procurar na web, e descobrir que para o NodeJS funcionar corretamente nesta … Continuar lendo Instalando NodeJS & Npm Ubuntu 14.04 LTS

Tutorial: Criando um Grid de Colunas com Sass

Objetivo: Criar um grid de colunas verticais com duas cores no background, que calculam automaticamente a quantidade que precisa para encaixar na tela do usuário. HTML Nosso HTML será básico e terá somente uma class dentro da tag <header class=”header”><!– empty –></header> CSS Para o CSS iremos utilizar o pre-compilador Sass, então estou levando em consideração que você já tenha instalado em sua maquina e funcionando. Primeiro vamos resetar margin, padding, e fazer com o box leve em consideração suas bordas,paddings,margins e definir um background geral. *, *:after *:before{ margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: … Continuar lendo Tutorial: Criando um Grid de Colunas com Sass

Tutorial: Criando um Componente com Sass em 10 minutos

Os desenvolvedores de hoje reconhecem que, ao começar um projeto web precisamos ter o máximo possível de código reaproveitável, não importa se é HTML, CSS, Javascript, Ruby ou PHP, Java, .NET, enfim precisamos ter coleções ou componentes prontos para usar, adiantando o processo de criação e nos dando mais tempo para outras tarefas. Então vamos criar  um componente CSS para lidar com diferentes tipos de mensagens de alerta,onde é o caso perfeito para que possamos implementar alguns conceitos de Sass (Syntactically Awesome StyleSheets) Definindo o HTML Você pode utilizar qualquer elemento HTML que trabalhe como bloco(block), uma div,section,article.. trabalharemos com … Continuar lendo Tutorial: Criando um Componente com Sass em 10 minutos

Dica: Use o GitLab e mantenha seus repositórios git privados grátis

Se você está a procura de um sistema de gerenciamento repositórios Git onde você queira usar somente projetos privados, como se fosse um Github pago, Codeplane, Bitbucket ou muitos outros que existem, use o GitLab, uma plataforma open source para developers trabalharem em ambientes privados, sem custo mensal. Há também opções de projetos públicos e internos(onde só usuários logados possam ver). Criado com Ruby on Rails, esta plataforma usa tecnologias que utilizamos no dia a dia, algumas bem conhecidas como: Ruby on Rails Twitter Bootstrap Font-Awesome PostgreSQL Redis Nginx Unicorn omnibus-gitlab Com a interface(UX) um pouco diferente do famoso github, percebi uma melhora na navegação, … Continuar lendo Dica: Use o GitLab e mantenha seus repositórios git privados grátis

Configurando RVM no Servidor da Amazon EC2 Gratuito

Configurando RVM no Servidor da Amazon EC2 Gratuito.
Este é um tutorial baseado no Servidor da Amazon EC2 gratuito com Ubuntu Server 13.10 já configurado e está sendo levado em consideração que você já tenha criado sua instância e já está logado pelo ssh em seu servidor ec2. Continuar lendo Configurando RVM no Servidor da Amazon EC2 Gratuito

Review do Livro Ruby on Rails: coloque sua aplicação web nos trilhos

Este é um pequeno review do livro publicado pela Casa do Código , de Vinícius Baggio Fuentes(@vinibaggio), intitulado Ruby on Rails: coloque sua aplicação web nos trilhos Comprei o livro, li e executei todo o processo de desenvolvimento do Colcho.net. Realmente quem trabalha com Ruby não quer mais voltar pra PHP. Os dois tem suas qualidades, mas o Ruby, em particular utilizando Rails(framework) é muito mais rápido pra desenvolver aplicações web, mesmo utilizando poucas gems e fazendo componentes na “unha” percebe-se que a agilidade do processo é bem melhor. Opinião Geral: A ideia do livro, é que seja mais do que apenas um tutorial … Continuar lendo Review do Livro Ruby on Rails: coloque sua aplicação web nos trilhos