Aprenda a utilizar o Bower

1. Rodrigo Branas – @rodrigobranas - http://www.agilecode.com.br
Bower

2. “Transformar equipes de desenvolvimento de software”
http://www.agilecode.com.br

3. Rodrigo Branas
rodrigo.branas@agilecode.com.br
http://www.agilecode.com.br
• Desenvolvendo Software na Gennera
• Criando treinamentos na Agile Code
• Escrevendo na Java Magazine e PacktPub
• Palestrando sobre desenvolvimento de
software em eventos, universidades e
empresas

4. Certificações
Formação Acadêmica
Ciências da Computação – UFSC
Gerenciamento de Projetos - FGV
SCJA, SCJP, SCJD, SCWCD, SCBCD, PMP, MCP e CSM
Experiência
Há mais de 12 anos desenvolvendo software na
plataforma Java com as empresas: EDS, HP, NET,
Citibank, GM, Dígitro, Softplan, OnCast, Senai,
VALE, RBS, Unimed, Globalcode, V.Office, Suntech,
WPlex e Gennera.

5. • Há mais de 5 anos liderando pessoas.
• Mais de 2000 horas em sala de aula.
• Mais de 100 apresentações em eventos.
• 6 artigos escritos para revistas.
• 1 livro.
• Mais de 500 profissionais treinados.
• Criação de 22 palestras.
• Criação de 10 treinamentos.
• Criação de mais de 3.000 slides.
O que realmente me motiva?

6. Bower
O Bower é uma ferramenta para realizar o
gerenciamento de pacotes da aplicação. Foi
criado pela Twitter e é ideal para aplicações
desenvolvidas em JavaScript.
http://bower.io

7. Processo de Instalação
Para instalar a ferramenta, basta digitar o
comando abaixo:
npm install bower

8. Configuração
O Bower é configurado por meio do arquivo
bower.json, que armazena as dependências
instaladas e suas versões. É possível gerar o
arquivo digitando o comando abaixo:
bower init

9. bower.json
{
"name": "agilecode",
"devDependencies": {
"angular": "~1.2.9",
"angular-route": "~1.2.9",
"angular-mocks": "~1.2.9",
"bootstrap": "~3.0.3",
"angular-bootstrap": "~0.10.0",
}
}

10. Gerenciando Pacotes
Para buscar, instalar, listar, atualizar e desinstalar
um novo pacote vamos usar os comandos
abaixo:
bower search <nome do pacote>
bower install <nome do pacote>
bower list
bower update <nome do pacote>
bower uninstall <nome do pacote>

11. Adicionando um pacote na
aplicação
Quando um pacote for instalado, ele deve ser
adicionado no arquivo index.html:
<script src='bower_component/angular/angular.js'></script>