Course info
May 27, 2014

Bower is an extremely simple and easy to use tool to install libraries like jQuery or Bootstrap. Learning it can significantly reduce the time it takes to install and update 3rd party libraries like these. Additionally, publishing your own packages for 3rd party consumption is quick and easy with Bower. Any serious web developer should know about and understand Bower.

About the author
About the author

Joe has been a web developer for the last 13 of his 16+ years as a professional developer. He has specialized in front end and middle tier development . Although his greatest love is writing code, he also enjoys teaching and speaking about code.

More from the author
Angular Fundamentals
9h 35m
Feb 1, 2019
Angular Crash Course
Nov 1, 2018
Unit Testing in Angular
3h 20m
Sep 6, 2018
More courses by Joe Eames
Section Introduction Transcripts
Section Introduction Transcripts

Bower Basics
Hello, I'm Joe Eames. In this module, we'll be looking at the Basics of Bower. We will be covering the following topics. First, we'll talk about how to install Bower itself and get it setup including the prerequisites for Bower. Then we'll look at the two most common and basic operations, which is installing and uninstalling packages. After that, we'll talk about how to install specific versions of a package. Then we'll talk about how to update our packages both all of them and a single package at a time. After that, we'll look at how to list our packages that we've already got installed, and finally, we'll look at how to search through the Bower registry and find the package that we want.

Bower Configuration
Hello, I'm Joe Eames. In this module, we're going to learn about Bower configuration. All the Bower configuration is contained in two different files, which we will see in this module. The main configuration file is the bower. json file. The purpose of this file it two-fold. First, it will help you keep track of the third party libraries or packages that you have installed into your project using Bower. That way you easily reinstall those packages or update them when they get out of date. Its second purpose is for when you are going to publish your own library as a third-party package with Bower. In this case, the bower. json file contains the information used by Bower that will let other users install your package correctly. In this module, we're going to learn about the contents of this file and how it works. We'll also learn how to create a file without doing a whole bunch of hand coding. After that, we'll learn about the bowerrc which lets us customize the install directory for our packages. After that, we'll talk about installing and updating from the bower. json file and finally, we'll talk about adding and removing packages from our project and keeping our bower. json file up to date.

Advanced Bower Topics
Hi, I'm Joes Eames. In this module, we are going to discuss some advanced topics with Bower. We've already seen the basics of how to use Bower to install and uninstall packages, now, we are going to take that knowledge a step further and learn about some of the more advanced things that you can do with Bower. No this doesn't mean that you can use Bower as client-side MVC framework, but when working Bower, there's quite a few things you can do that will often come in handy that most people never learn and the sad part about this is that these are extremely simple pieces of functionality. Let's look at the agenda for this module. We'll start by looking at the client side Cache that Bower uses, how it works and how we can access and manipulate it. Then, we'll look at some advanced options when installing packages with Bower. After that, we'll see how the Bower Help command works. Then we'll look at the Info command and how we can use it. Next, we'll talk about the Lookup command, how it's used, and how we can benefit from it, and while we're at it, we'll learn something interesting about Angular's Bower package. After that we'll look at the Prune command, which can help us keep our packages folder clean. Next, we'll talk about some Command Line Flags that we can use to manipulate how logging information is presented to the screen and finally, we'll take a glance a Realistic Demonstration of a project that uses Bower to manipulate its client side packages, based on my own personal experience using Bower.

Publishing a Bower Package
Hello, I'm Joe Eames. In this module, we are going to learn how to Publish a Bower Package. In order to do that, we are actually going to publish a real Bower package, not just talk about it. We will start by Creating and Publishing an actual Bower package. I encourage you to follow along as we do this, you can make up your own package name and if you want you can publish a JavaScript file that just has a single; in it. It won't do anything, but it will help you understand the publishing process. After we have our package published, we're going to create a client project and install and Consume our package. Finally, we'll see how to update our package and how to get those updates in our client project. Now let's just take a quick look at what we are going to build. This is a sample client of the package that we are going to build. It's a simple component that lets you make an element rotate, whenever you hover over it. This will demonstrate the process nicely. We'll name the package, Pluralsight-rotate. Now let's get to it.