Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Rodrigo Branas – @rodrigobranas - http://www.agilecode.com.br
Bower
“Transformar equipes de desenvolvimento de software”
http://www.agilecode.com.br
Rodrigo Branas
rodrigo.branas@agilecode.com.br
http://www.agilecode.com.br
• Desenvolvendo Software na Gennera
• Criando t...
Certificações
Formação Acadêmica
Ciências da Computação – UFSC
Gerenciamento de Projetos - FGV
SCJA, SCJP, SCJD, SCWCD, SC...
• Há mais de 5 anos liderando pessoas.
• Mais de 2000 horas em sala de aula.
• Mais de 100 apresentações em eventos.
• 6 a...
Bower
O Bower é uma ferramenta para realizar o
gerenciamento de pacotes da aplicação. Foi
criado pela Twitter e é ideal pa...
Processo de Instalação
Para instalar a ferramenta, basta digitar o
comando abaixo:
npm install bower
Configuração
O Bower é configurado por meio do arquivo
bower.json, que armazena as dependências
instaladas e suas versões....
bower.json
{
"name": "agilecode",
"devDependencies": {
"angular": "~1.2.9",
"angular-route": "~1.2.9",
"angular-mocks": "~...
Gerenciando Pacotes
Para buscar, instalar, listar, atualizar e desinstalar
um novo pacote vamos usar os comandos
abaixo:
b...
Adicionando um pacote na
aplicação
Quando um pacote for instalado, ele deve ser
adicionado no arquivo index.html:
<script ...
Upcoming SlideShare
Loading in …5
×

Bower

932 views

Published on

Aprenda a utilizar o Bower

Published in: Technology

Bower

  1. 1. Rodrigo Branas – @rodrigobranas - http://www.agilecode.com.br Bower
  2. 2. “Transformar equipes de desenvolvimento de software” http://www.agilecode.com.br
  3. 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. 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. 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. 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. 7. Processo de Instalação Para instalar a ferramenta, basta digitar o comando abaixo: npm install bower
  8. 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. 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. 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. 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>

×