52. Bower, gestor de paquetes para el desarrollo web




La Tecnología para todos show

Summary: Comenzamos un nuevo capítulo de nuestro podcast, La Tecnología para todos. Si la semana pasada vimos Bootstrap, esta semana le toca el turno a una herramienta que debe ser indispensable en nuestros desarrollos, Bower, gestor de paquetes para el desarrollo web. Esta herramienta nos facilitará la gestión de todas las librerías y frameworks de código abierto que utilizemos (Bootstrap, jQuery, AngularJs, BackboneJs, etc...), permitiendo añadir, actualizar y modificar las referencias a nuestro proyecto. Todo se gestiona a través de la línea de comandos en MS-DOS, si trabajamos con Windows o Shell, si trabajamos con Mac o Linux. Recuerda que queda muy poco para que finalice el plazo para inscribirte en el sorteo de un kit de Arduino. Solo tienes que suscribirte a nuestra lista de correo para recibir toda la información que vamos publicando y algún que otro contenido extra. Estamos intentando recabar información para saber en qué podemos ayudarte. Te pedimos, por favor, que rellenes la encuesta sin ningún compromiso. La utilizaremos para obtener información y saber cómo podemos ayudarte. Te llevará como mucho 20 segundos, muchas gracias. Encuesta déjanos ayudarte Como ya te hemos dicho, Bower es un gestor de paquetes de código abierto para el desarrollo web (front-end). Fue creado por dos miembros del equipo de Twitter y su principal misión es hacernos la vida un poco más fácil a los desarrolladores. Gracias a esta herramienta podrás descargar tus librerías y frameworks sin tener que visitar ninguna web oficial o no oficial, mantenerlas actualizadas y comprobar si ha versiones nuevas. Instalación Bower depende de tres herramientas para poder ser instalado en tu máquina. Por un lado necesitas tener NodeJS. Ya hemos hablado de este servidor web en el capítulo donde vimos un ranking frameworks de JavaScript. Es una aplicación que se ejecuta del lado del servidor y corre bajo el motor o compilador JavaScript V8, desarrollado en el proyecto Chromium y que es el que utiliza Google Chrome. Otra utilidad que tienes que instalar es Git, el famoso control de versiones utilizado por GitHub, de donde precisamente Bower obtiene la gran mayoría de las librerías y frameworks. Dentro de NodeJS hay un gestor de módulos que se llama npm. A través de la línea de comandos puedes instalar, fácilmente, Bower. Una vez que tenegas instalado NodeJS y Git solo debes escribir npm install -g bower y se instalará Bower de forma global en tu máquina. Instalación de paquetes Bueno, pues ya tienes todo lo necesario para empezar a utilizar Bower. Lo primero sería buscar el paquete que quieres instalar. Para ello debes acceder, a través de la línea de comandos, al directorio raíz de tu proyecto. Ejecuta el comando bower search bootstrap. Esto hará una búsqueda de todas las librerías que tengan como palabra clave Bootstrap. Como ya te habrás dado cuenta, para ejecutar cualquier comando debes poner primero la palabra bower, luego el comando y por último los parámetros. Si quieres ver la lista de comandos disponibles puedes hacer bower --help. También puedes ir a la página de referencia de la web oficial donde te explica cada comando en detalle. El comando search te mostrará un listado como este. bower search bootstrap Aquí es donde tienes que localizar el framework o librería que quieres incorporar a tu proyecto. En nuestro caso, Bootstrap, es la primera opción. Lo que aparece en azul verdoso, es el nombre único dentro del respositorio de Bower y es con lo que te tienes que quedar. Ahora que tienes localizado el paquete vamos a obtener más información. Escribe en la línea de comandos bower info bootstrap. bower info bootstrap Como puedes observar nos da la información sobre donde está alojado, el archivo bower.json, hablaremos luego de él, y las diferentes versiones disponibles que tenemos del framework. Ahora solo te queda elegir que versión quieres instalar. Puedes instalar la última versión haciendo bower install bootstrap o elegir...