Implementar Bootstrap en Ruby on Rails

Existen dos gemas para implementar Bootstrap en Ruby on Rail, la primera es bootstrap-sass, esta está desarrollada por el propio Bootstrap y son ellos quienes le dan soporte, la segunda es twitter-bootstrap-rails, la cual está desarrollada por usuarios de Rails y son quienes le dan soporte.

La ventaja de usar la segunda, es que como todo en rails, ofrecen una mejor forma de escribir el código, ahorrándonos líneas de código y presentando más elegante todo nuestro layout, pero en mi caso, opté por usar la desarrollada por el propio framework, debido a que muchas veces, yo trabajo con un diseñador para el frontend, al entregarme el maquetado, viene con la sitaxis pura del framework, por lo cual, al implementar la que está optimizada para rails, significaría una inversión nueva de tiempo, para reestructurar los contenidos del layout, sin mencionar que estoy mucho más familiarizado en la estructura original.


1.- Dar de alta la gema de rails en nuestro archivo gemfile, abriendo dicho archivo que se encuentra en la raíz y escribiendo: gem 'bootstrap-sass'

(clic para agrandar)

2.- Corremos el bundle install 

(clic para agrandar)

3.- Agregamos la línea //= require bootstrap que hace referencia a la librería javascript en application.js siguiendo la ruta: app/assets/javascript/application.js

(clic para agrandar)

4.- Rails usa SASS, por lo cual deberemos cambiar la extensión de nuestro archivo css de la aplicación, una forma sería en la línea de comandos con mv, la otra simplemente en sublime, cambiando .css por .scss

(clic para agrandar)

5.- Finalmente integraremos bootstrap al SCSS, con la línea @import "bootstrap"; en app/assets/stylesheets/application.scss

*Nota:
Muchas veces, algunos componenetes, como los glyphicon no cargar correctamente una vez terminado el preceso, es por eso, que la línea se complementa importando también:
@import "bootstrap-sprockets"; @import "bootstrap"; 

(clic para agrandar)

De esta manera, Bootstrap quedó implementado en nuestra aplicación de Rails y podemos hacer uso de él sin ningún problema.

Instalar Ruby on Rails en Ubuntu 15 y no morir ni matar a nadie en el intento

En esta guía, instalaremos Ruby on Rails en Ubuntu, crearemos nuestro primer controlador y lo usaremos como nuestra vista principal de una manera rápida y sin complicaciones.

En esta primera parte, se explica cómo hacer la instalación de Ruby on Rails:



Instalando Rails


1.- Abriremos las preferencias de la terminal, y en la segunda pestaña de command tildaremos la casilla de "Ejecutar el comando como un intérprete de conexión"

(clic para hacer grandota)

2.- Comenzaremos instalando los paquetes:

sudo apt-get install -y git-core subversion

3.- En varios artículos que leí, mencionaba que era necesario instalar una firma para el RVM, de lo contrario, podría presentar problemas a lo largo del desarrollo:

gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3

4.- Ahora sí, instalaremos el RVM (Ruby Version Manager), lo que nos permitirá poder instalar varias versiones al mismo tiempo de Ruby on Rails:

\curl -sSL https://get.rvm.io | bash -s stable --rails --ruby

Al finalizar la instalación, será necesario cerrar la terminal y abrirla de nuevo (para no complicarnos la vida) y una vez abierta, comprobaremos que no se haya roto nada con este comando:

type rvm | head -n -1

Nos tiene que devolver que devolver rvm: es una función

(clic para hacer grandota)

Podemos lanzar otros comandos como
ruby -v
rails -v


Y con esto, Ruby on Rails estaría instalado (más pinche fácil que en windows10, SÍ, más fácil que "solo darle siguiente-siguiente-siguiente").


6.- En mi caso, no todo fueron rosas, después de crear el proyecto, me tiraba un error, que después de leer un poco, encontré que era necesario instalar el node.js para hacerlo correr, así que en mi preferencia, antes de todo, ejecuto el comando para instalarlo:

sudo apt-get install nodejs

7.- Nos movemos a la carpeta donde queremos crear el proyecto, y ahora sí, llegó el momento de darle la nalgadita para nacer:

rails new proyectonuevo

El término "proyectonuevo" será el nombre que llevará nuestro proyecto, pueden escribir cualquier cosa ahí. Con esto, se generaría una carpeta con el nombre que indicamos.


8.- Levantaremos el servidor de rails para poder visualizarlo en nuestra máquina:

rails server

Abriremos el navergador, pondremos localhost:3000 y si ven una pantalla como la siguiente ¡Ah perrussss! Todo ha salido a la perfección y podemos estar tranquilos, la instalación ha sido un exito

(clic para hacer grandota)

Nota:
Para finalizar el servidor en la terminal, se debe teclar Ctrl + c


**Este punto, quizá tú ya lo hayas hecho y yo soy demaciado lento, si no, gracias por no dejarme morir solo, vamos a instalar sublime:

sudo add-apt-repository ppa:webupd8team/sublime-text-3

sudo apt-get update

sudo apt-get install sublime-text-installer

Y bien, con esto se instalo Ruby, creamos un proyecto nuevo y no morimos ni matamos a nadie en el intento, ni mucho menos lidiamos con el estrés de maldito windows10 que no me dejaba instalar Rails.