Guías de Make it Real
  • Introduction
  • Preparación
    • Conceptos básicos
    • El editor de texto
    • La línea de comandos
    • Git y Github
  • Git
    • Instalación y configuración
    • Conceptos y comandos esenciales
    • Ignorando archivos y carpetas
    • Trabajando con ramas
    • Repositorios remotos
    • Etiquetas
    • Reescribiendo la historia
    • Stashing
    • Github
  • HTML y CSS
    • Introducción a HTML
    • Introducción a CSS
    • Más elementos de HTML
    • Tablas
    • Formularios
    • El modelo de caja en CSS
    • Fondos (backgrounds)
    • Posicionamiento
    • Selectores CSS
    • Bordes, sombras y gradientes
    • Media Queries
    • Unidades en CSS
    • Flexbox
  • Bootstrap 3
    • Primeros pasos
    • Elementos básicos de HTML
    • Componentes
    • La grilla
    • Personalizando Bootstrap
    • Utilizando plantillas
  • Bootstrap 4
    • Primeros pasos
    • Elementos básicos de HTML
    • Componentes
    • La grilla
    • Clases utilitarias
    • Personalizando Bootstrap
  • Ruby
    • Primeros pasos
    • Tipos y operadores
    • Variables y entrada de usuario
    • Condicionales
    • Ciclos
    • Arreglos
    • Más cadenas de texto
    • Hashes
    • Métodos
    • Manipulación de archivos
    • Gemas
  • Programación Orientada a Objetos en Ruby
    • Clases y objetos
    • Métodos y atributos de clase
    • Herencia
    • Módulos
    • Excepciones
  • JavaScript I
    • Primeros pasos
    • Tipos y operadores
    • Variables
    • Condicionales
    • Ciclos
    • Arreglos
    • Más cadenas de texto
    • Funciones
    • Objetos literales
    • Manipulación de archivos
  • JavaScript en el navegador
    • Primeros pasos
    • Manipulando HTML
    • Escuchando eventos
    • Local Storage
    • History API
    • Canvas
    • Notificaciones Web
    • Audio y Video
    • Arrastrar y soltar
    • JSON
    • Realizando peticiones HTTP
  • jQuery
    • Primeros pasos
    • Manipulando HTML
    • Escuchando eventos
    • Plugins
    • Realizando peticiones con AJAX
  • JavaScript II
    • Prototipos
    • Librerías (Node.js)
    • ES6
    • Uso de this (call, apply, bind)
    • Programación funcional
    • Scope, hoisting, closures
    • Programación asincrónica
    • Testing
  • HTTP y Sinatra
    • Primeros pasos con Sinatra
    • El protocolo HTTP
    • Rutas
    • Formularios
    • Cookies y sesión
  • Bases de datos
    • Bases de datos relacionales
    • SQL
    • DDL
    • MongoDB
  • Ruby on Rails I
    • Primeros pasos
    • Arquitectura
    • Rutas
    • Layouts y rendering
    • ActiveRecord - Modelos
    • ActiveRecord - Migraciones
    • ActiveRecord - Validaciones
    • ActiveRecord - Asociaciones
    • ActiveRecord - Scopes
    • ActiveRecord - Callbacks
    • Recursos REST
    • Formularios
    • Autenticación con Devise
    • Sass y Bootstrap
    • Envío de correos
    • Carga de imágenes
    • Seeds
    • Heroku
  • Ruby on Rails II
    • Usando JavaScript (y jQuery) en Rails
    • Testing en Ruby
    • Testing en Rails
    • Creando una Web API
    • Web Sockets
  • Express.js
    • Primeros Pasos
    • El protocolo HTTP
    • Rutas
    • Vistas
    • Middlewares y manejo de errores
    • Formularios
    • Cookies y sesión
  • Express.js II
    • Mongoose
    • Web Sockets
    • Autenticación
    • Envío de correos
    • Cargar imágenes
    • Deployment
    • Testing
    • Creando una Web API
  • React
    • Primeros pasos
    • JSX
    • Componentes
    • Más sobre estado
    • Formularios
    • Peticiones HTTP con Axios
    • React Hooks
    • React Context
    • React Bootstrap
    • React Router
    • Carga de Imágenes
    • Testing
    • Estructura de carpetas
    • Componentes de clase
  • Redux
    • Primeros pasos
    • Action creators
    • Usando la librería react-redux
    • Middlewares
    • Operaciones asincrónicas con redux-thunk
    • Combinando funciones reductoras
    • Testing
    • Redux Tool Kit
  • Algoritmos
    • Describiendo un algoritmo
    • Complejidad (Big-O)
    • Estructuras de datos
    • Recursión
    • Ordenamiento
    • Búsqueda
    • Programación dinámica
  • Python
    • Primeros Pasos
    • Tipos y Variables
    • Funciones
    • Control de Flujo
    • Listas
    • Ciclos
    • Diccionarios, Tuplas y Sets
  • NumPy
    • Primeros Pasos
    • Arreglos
    • Arreglos Multidimensionales
    • Estadística con NumPy
    • Distribución Estadística
  • Pandas
    • Primeros Pasos
    • Inspección y Selección de Datos
    • Modificando Dataframes
    • La Función Lambda
    • Aggregates en Pandas
    • Múltiples Tablas
Powered by GitBook
On this page
  • Instalación
  • Crea tu primera aplicación
  • Crea tu primera ruta
  • Definiendo la página de inicio
  1. Ruby on Rails I

Primeros pasos

PreviousRuby on Rails INextArquitectura

Last updated 2 years ago

A Ruby on Rails se le llama un framework porque es un grupo de gemas que requieren una estructura de carpetas específica para funcionar (en pocas palabras es más complejo que una librería).

Ruby on Rails viene con una aplicación para línea de comandos que te va permitir realizar tareas frecuentes muy rápidamente acelerando el tiempo de desarrollo.

Instalación

Para instalar Ruby on Rails ejecuta el siguiente comando:

$ gem install rails

Para verificar que quedó bien instalado deberías poder correr el siguiente comando sin error:

$ rails -v

Crea tu primera aplicación

Para crear tu primera aplicación ejecuta el comando rails new <nombre_de_la_app>. Por ejemplo, para crear una aplicación llamada blog ejecutaríamos:

$ rails new blog

Esto va a crear una carpeta llamada blog en la ubicación donde te encuentres en ese momento.

Ingresa a la carpeta ejecutando:

$ cd blog

Inicia el servidor ejecutando rails server o rails s :

$ rails server

Ingresa en tu navegador a . Deberías ver la pantalla inicial de Rails!

Crea tu primera ruta

Ruby introduce el concepto de controladores que se encargan de procesar las peticiones HTTP.

Las rutas se definen en el archivo config/routes.rb.

Los controladores se encuentra en la carpeta app/controllers y son clases de Ruby con métodos que contienen el código que se debe ejecutar cuando una ruta coincida.

Las vistas se almacenan en app/views.

Para crear un controlador llamado Welcome con una acción index ejecuta el siguiente comando:

$ rails generate controller Welcome index

Rails va a crear varios archivos incluyendo el controlador (app/controllers/welcome_controller.rb), la vista (app/views/welcome/index.html.erb), y va a agregar una ruta a config/routes.rb.

Abre el archivo app/views/welcome/index.html.erb y reemplaza el código que se encuentra allí por lo siguiente:

<h1>Hola, Rails!</h1>

Definiendo la página de inicio

Modifica el archivo config/routes.rb agregando la línea root 'welcome#index'. Debería quedar de la siguiente forma:

Rails.application.routes.draw do
  get 'welcome/index'

  root 'welcome#index'
end

Prende nuevamente el servidor e ingresa desde tu navegador a . Te debería aparecer "Hola, Rails!".

Ahora ingresa a . Debería aparecer "Hola, Rails!" nuevamente.

http://localhost:3000/
http://localhost:3000/welcome/
http://localhost:3000/