This document provides an overview of Bower, a package manager for the web. It discusses the requirements to use Bower, how to install and configure it, and how to run Bower to install dependencies. Bower is used to manage front-end components and their dependencies. It requires Node.js and NPM to be installed first. Then Bower can be installed globally and configured via a bower.json file to specify packages and dependencies. Running Bower will install all dependencies to the default or specified directory. The document also briefly explains how Bower can be used with XPages projects to manage front-end libraries.

1. What Resources Do I Need?
Don't Worry with Bower
Frank van der Linden

2. About me
• Freelance Java and web developer, with XPages
experience
• Owner of Elstar IT
• Frequent (trail)runner

3. Roadmap
• What is Bower
• Requirements
• Install Bower
• Configure Bower
• Run Bower
• Bower and XPages

4. What is Bower
• Is a package manager for the web
• It takes care of the specified packages
• ….and keep track on dependencies
• created at Twitter
• make own packages available, when it is public on
GIT

5. Don’t be afraid of the command line

6. Requirements
• Install NodeJS, pick your flavour
• Install NPM
• On disk Project
$ npm install nvm

7. Install Bower
$ npm install -g bower

8. Configure Bower
bower.json
{
"name": "bower4xpages",
"version": "0.0.1",
"dependencies": {
"bootstrap": "latest",
"moment": "latest",
"angular": "latest",
"bootstrap-datepicker": "latest",
"fontawesome": "latest"
},
"private": true
}

9. Configure Bower

10. Configure Bower
default directory = bower_components
.bowerrc, to specify another directory
{
"directory":"nsf/WebContent/libs"
}

11. Run Bower
go to the directory where you want to run Bower
and run Bower
$ bower install
$ cd /Users/frankvanderlinden/Development/GIT/bower4xpages

12. Run Bower
..and the final result

13. Bower and XPages
On disk project in Domino
Designer
Refresh on disk project

14. Bower and XPages
Database in Domino
Designer
Sync On disk Project
with database

15. Bower and XPages

16. Bower and XPages

17. Bower and XPages
• Major caveat, version number in package

18. Bower and XPages
• Another caveat, AMD loading conflict

20. Thank you