[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

JavaScript: Do Jeito Certo

Existem muita informação sobre JavaScript, “que neste post iremos citar como JS”, o importante entender é que não existe uma maneira canônica de usar JS, apesar de muitos sites renomados como  MDN(Mozilla Developer Network) fazerem parte da historia do JS com sua documentação muito bem feita. Nenhum deles leva o desenvolvedor a ter um conceito de como realmente se trabalhar com códigos JavaScript. Então resolvi fazer uma pesquisa/busca de algo que me ajuda-se neste sentido, e acabei encontrando um projeto opensource no Github muito interessante, é o Airbnb JavaScript Style Guide O criador deste projeto o chama de “Uma boa abordagem para JavaScript”. … Continuar lendo JavaScript: Do Jeito Certo

Adicionando Item no Array com Metodo insert() JavaScript

As vezes precisamos incluir um item no array e só temos a opção .push() e .unshift() e ainda não estamos satisfeitos não é? Mas Thadeu porque você não está satisfeito? 1º – Não temos opção de escolher o local onde queremos incluir o novo item; 2º – temos que criar outras variaveis para poder manejar bem o array, e isso não é bom. Mas enfim vamos continuar!! Graças ao prototype podemos incluir no Objeto Array mais um metodo!!! Segue abaixo o exemplo que criei para o metodo .insert(). Como perceberam utilizei o método .splice() nativo do JS , que faz um … Continuar lendo Adicionando Item no Array com Metodo insert() JavaScript

Criando um forEach com JS (javascript) Puro

Alguns de nós Front-Ends estamos acostumados com facilidades, com essas inovações cada dia que passa aumentando, não lembramos mais como é criar uma API , Biblioteca de funções do começo…Depois que John Resig criou o framework jQuery conhecido no mundo todo, perdemos os conceitos básicos de logica de programação. Mas para tanto, venho com este blog mostrar algumas coisas que podemos usar no nosso dia-a-dia , fazendo com que nossas aplicações não necessitem de um framework, diminuindo o tempo de  carregamento. Bom , o código abaixo cria um método .forEach() para fazermos buscar dentro de elementos. Agora vamos ver a magica acontecendo.. … Continuar lendo Criando um forEach com JS (javascript) Puro