Crie uma arquitetura de desenvolvimento de front-end com NPM, Grunt e Bower

Índice

Introdução

Para este tutorial é necessário ter o GIT instalado e alguns conhecimentos básicos, já que não entraremos em detalhes sobre o uso desta tecnologia. Da mesma forma, ter conhecimento em desenvolvimento web (pelo menos saber sobre as linguagens HTML, CSS e Javascript).

Depois de trabalhar como desenvolvedores por vários anos, uma das perguntas que surge quando se programa é: como posso automatizar meu trabalho e economizar tempo? Ou como faço para organizar melhor meu projeto?

Não estamos nos referindo ao uso de bibliotecas ou frameworks que nos ajudam a economizar tempo em alguns casos, nem ao uso de IDEs que nos proporcionam conforto e facilidade na hora de programar. Há algo mais que necessitamos hoje para profissionalizarmos muito o nosso desenvolvimento, tanto no resultado final para os nossos clientes, como para os nossos colegas, ou mesmo para nós próprios. Existem alguns modelos de desenvolvimento que nos fornecem essas ajudas, mas eles podem ir muito além do que precisamos, como, Semente Angular o que nos fornece recursos para o desenvolvimento de uma aplicação em AngularJS, mas já são templates que se destacam para tipos específicos de projetos, é aqui que é importante criar o nosso ambiente de trabalho e estruturá-lo da forma que mais nos convém.

Vamos direto ao ponto, se queremos alcançar o mencionado uma de nossas alternativas é usar NodeJS, Grunt e Bower.

Você vai se perguntar o que cada um é e para que serve.

NodeJSNodeJS é uma linguagem do lado do servidor do desenvolvedor em Javascript que nos ajudará a criar um servidor para nossos projetos graças ao uso do NPM (Node Package Manager). Não vou entrar em detalhes conceituais sobre essa linguagem, pois não é a prioridade do tópico.

Mais informações: https://nodejs.org/

GrunhidoGrunt, é uma automação de tarefas que facilitará muitos trabalhos que fazemos manualmente ao desenvolver.

Mais informações: http://gruntjs.com/

BowerBower é uma biblioteca de bibliotecas de front-end, que nos fornece uma série de alternativas, como plug-ins e frameworks, que podem nos servir em nossos projetos.

Mais informações: http://bower.io/

Grunt e Bower são pacotes NPM, o que significa que dependem deste último. Vamos prosseguir para a instalação de todos os componentes.

AnteriorPágina 1 de 3Próximo

Você vai ajudar o desenvolvimento do site, compartilhando a página com seus amigos

wave wave wave wave wave