Ruby on Rails Para Principiantes

Ruby on Rails Para Principiantes

Hola, Soy Ricardo y primero que todo quiero darte la bienvenida a un pequeño tutorial de Ruby on Rails o RoR (como lo llamaremos comúnmente durante todo el tutorial)

Siempre que veas la palabra consejo en color MORADO, deberás implementarlo de inmediato; y aquí va el primero

CONSEJO N~1
Crea una carpeta en el disco C, que te sea fácil de diferenciar,que sea fácil de escribir (allí guardaremos todas las aplicaciones de RoR que por cierto así se llamará mi carpeta, RoR).

Ahora vamos a ingresar a la carpeta y a crear nuestra primera aplicación.
Para ingresar a la carpeta escribimos este comando en consola (CMD):
cd/RoR
Para crear una aplicación usaremos el comando

rails new NombreAplicación

Y debería quedarnos algo asíSimplemente dale Enter, y el creara todas las carpetas y todos los archivos que la aplicación necesita, así que si eres curioso y entraste al Disco C, y luego a la carpeta que en mi caso se llama RoR, veras que hay una carpeta llamada MiApp (o el nombre que tu le hayas puesto) y que contiene lo siguiente:


Por el momento solo debes preocuparte por la carpeta app, allí se encuentran las hojas deestilo, los controladores, los métodos de ayuda, las vistas, etc.

Ahora ingresamos por consola a la carpeta de nuestra aplicación.
Ingresamos así:
C:\RoR>cd MiApp


PREGUNTA
¿Qué pasa si ejecutamos la aplicación que recién hemos creado?
Para ejecutar el servidor usaremos el comando:
rails s
En consola deberás de obtener esto:

Y si ingresamos a la pagina localhost:3000 obtendremos esto:Ahora cerramos el servidor desde la consola así:
Ctrl + C
¿Estamos listos para empezar editar nuestra aplicación?
Para crear un controlador debemos hacerlo en la consola y de la siguiente forma
rails g controller welcome index

esto creara un controlador llamado “welcome” y una vista llamada “index”.

CONSEJO N~2
Usaremos el editor de texto sublime text.
Cuando estemos en sublimetext abriremos el archivo routers.rb y en la parte de abajo escribims lo siguiente:

root :to => ‘welcome·index’

Nos debería quedar algo así:


por ultimo para finalizar nuestra pequeña aplicación de RoR abrimos el archivo “index.html.erb” que esta en la carpeta app/views/welcome y escribimos:
Esta es mi Primer Aplicación en Ruby on Rails
By: TU_NOMBRE
Por ultimo cargamos elservidor y abrimos nuestra apliación en el Navegador y debemos obtener esto:


¿TE PARECE SI LE DAMOS UN POCO DE COLOR?
Para esto, dentro de la carpeta app abriremos la carpeta assets, luego stylesheets y nos centraremos en el welcome.css.scss (como puedes ver la extensión .scss indica que este será código de CSS3), por el momento solo cambiaremos el fondo, el tipo de letra y otras pequeñas cosasmás, debe quedarte así:
Y cuando ejecutes el servidor en tu navegador deberás obtener este resultado:


Te parece si ahora hablamos de los layouts, estos pueden definirse como el enlazador, aquí se enlaza las stylesheets con la vista, y con los demás archivos, si miras en tu carpeta app/views/layouts el archivo application.html.erb será tu layout, si ves contiene un doctype, una etiqueta html unhead, un body y la sentencia yield enlaza el layout con la vista y así la aplicación, para un ejemplo crearemos un layout que se llame welcome.html.erb, y nos debería de quedar así:
CONSEJO N ~3
Utiliza el stylesheet Del layout application


Y si ejecutamos el servidos nos dará como resultado:

Si no tienes nociones de html, te explicare un poco lo que pasa. Mira la etiqueta title, allíira el titulo que llevara la pagina (puedes observarlo en la pestaña del navegador) y lo que hay en el header lo vemos como encabezado.

PREGUNTA
¿Por qué el layout tiene el mismo nombre del controlador?

RoR es muy inteligente y el mismo cuenta con capacidades para hacer los enlaces, y claro como el controlador y el layout tienen el ismo nombre el hace automáticamente el enlace, de lo...