0. Preparación: ¿Dónde ejecutar el código?

Puedes instalar Ruby o ejecutarlo en línea (buscar "ruby online repl").
Lo importante es "escribir y ejecutar directamente".

Recuerda una regla

• En lugar de copiar y pegar, intenta escribir directamente.

Paso 1: "Computadora, háblame" - Estableciendo el marco más pequeño

1-1. Primer código: Hola, Ruby

puts "Hola, Ruby"

• puts: Sensación de "imprimir línea". Significa imprimir una línea en la consola.

• "Hola, Ruby": Simplemente una cadena de texto.

Esta línea es en realidad esta oración.

"Computadora, por favor muestra esta letra en la pantalla."

Marco mental (estilo Park Moon Ho)

• Marco: "El código es una instrucción" → Una línea es un pensamiento.

• Visualización: Puedes imaginar puts como una boca. → La boca de la computadora.

• Recuperación: Repetir la entrada cambiando solo las letras.

Práctica 1-1. Crea tu propia primera oración

Intenta imprimir 3 líneas con la oración que desees:

puts "Estoy un poco asustado por la codificación..."
puts "Vamos a intentarlo de todos modos."
puts "No es tan difícil como pensaba, ¿verdad?"

Tarea A

1. Cambia las 3 líneas con tu propia oración.

2. Intenta imprimir al menos 5 líneas o más.

3. Escribe una lista de "Cosas que quieres lograr este año" usando solo puts.

Paso 2: "¿Puedes decirlo 5 veces?" - Descubriendo la magia de la repetición

Ahora, intentemos implantar el marco de patrón de repetición en tu cerebro.

2-1. Repitiendo la misma frase varias veces

5.times do
  puts "La codificación es divertida"
end

• 5.times: "Hazlo 5 veces".

• do ... end: El alcance del código repetido.

• El puts dentro se ejecutará 5 veces.

Marco mental

• Marco: "Lo repetitivo se expresa con un bucle (loop)."

• Visualización: Imagina un círculo girando y los números 1, 2, 3, 4, 5 girando alrededor.

• Recuperación: Cambia los números a 3, 10, 100 y practica la escritura repetida.

Práctica 2-1. Lavado de cerebro personal

10.times do
  puts "Aprendo mucho más rápido de lo que pensaba"
end

Tarea B

1. Cambia 10.times a 3.times, 7.times y pruébalo.

2. Cambia la oración a:

- "No me rindo"

- "Haz un poco todos los días"  
    Crea al menos 3 de cada una y pruébalas varias veces.

Paso 3: En el momento en que ves un patrón - Encendiendo el 'circuito de visualización' con la creación de estrellas

Ahora, intentemos ingresar al momento en que tu cerebro visualiza patrones.

Es hora de hacer estrellas.

3-1. Una línea de estrellas

puts "*"

Esta es una estrella de una sola línea.

3-2. Cinco estrellas en vertical

5.times do
  puts "*"
end

En la pantalla:

*
*
*
*
*

Tu cerebro obtiene este sentido.

"Ah, esto es un patrón de 'cinco estrellas en vertical'."

3-3. Creando una escalera creciente

Ahora, es un momento realmente divertido.

1.upto(5) do |n|
  puts "*" * n
end

• 1.upto(5): De 1 a 5, colocando cada número en n y repitiendo.

• |n|: Nombre de la variable utilizada en cada repetición.

• "*" * n: Cadena de caracteres que repite el carácter "*" n veces.

Resultado de la salida:

*
**
***
****
*****

Aquí, tu cerebro experimenta una explosión de reconocimiento de patrones.

• Los números aumentan de 1→2→3→4→5

• El número de estrellas aumenta de 1→2→3→4→5

• Una "escalera" se dibuja frente a tus ojos.

Marco mental

• Marco: "Relación entre números y formas"

• Visualización: Siente que el código se convierte en un bolígrafo que dibuja formas.

• Recuperación: Prueba a dibujar varias veces cambiando el rango de números (3, 7, 10, etc.).

Práctica 3-1. Haciendo la escalera más grande, aún más grande

Tarea C

1. Cambia 1.upto(5) a 1.upto(10) y observa qué sucede.

2. Cambia puts "*" * n a

   puts "#" * n
   

   Pruébalo (¡también puedes usar emojis!).

3. Intenta crear la siguiente forma por ti mismo:

   #
   ##
   ###
   ####
   #####
   

   → Pista: Usa "#" en lugar de "*".

Paso 4: Implantando 'pensamientos' en el código con declaraciones condicionales

Ahora, intentemos colocar el marco de condiciones (if) en tu cerebro.

Las condiciones son una estructura de pensamiento de "así en este caso, de lo contrario en aquel caso".

4-1. Distinguiendo entre pares e impares

1.upto(10) do |n|
  if n.even?
    puts "#{n} es un número par"
  else
    puts "#{n} es un número impar"
  end
end

• n.even?: Si n es par, es true, de lo contrario, es false.

• if ... else ... end: Ejecutar un código diferente según la condición.

• #{n}: Insertar una variable en una cadena de texto.

Ejemplo de salida:

1 es un número impar
2 es un número par
3 es un número impar
...
10 es un número par

Aquí, tu cerebro aprende cosas como estas.

"Ah, el código puede tomar decisiones."

"Puedo expresar todas las situaciones con reglas y condiciones."

Marco mental

• Marco: "Estructura de bifurcación según la condición"

• Visualización: Como una rama de un árbol que se divide en dos ramas de arriba abajo.

• Recuperación: Practica cambiando la condición a algo diferente de even?.

Práctica 4-1. Manejando la bifurcación del estado de ánimo

Tarea D

Crea el siguiente código tú mismo y cambia la oración a tu propio estilo.

1.upto(5) do |score|
  if score >= 4
    puts "Puntuación de ánimo #{score}: ¡Hoy es un día genial!"
  else
    puts "Puntuación de ánimo #{score}: Aun así, lo lograré hoy."
  end
end

Desafío adicional:

• Amplía el rango de puntuación a 1.upto(10).

• Divide la oración en 3 niveles según el valor de score:

  • 8 o más: "Modo de vida relajado"
  • 4-7: "Normal pero significativo"
  • 3 o menos: "Necesito otra taza de café"

Paso 5: Creando un pequeño "programa mini" con lo que has aprendido

Ahora, combinemos lo que has aprendido (impresión, repetición, condición)

para hacer un pequeño programa.

Tema:

"Registrar el tiempo de estudio diario y

mostrar el tiempo total de estudio de ese día."

5-1. Sumador de tiempo de estudio diario

tiempos_de_estudio = [30, 45, 60, 20]  # En minutos: Estudiando cuatro veces

total = 0

tiempos_de_estudio.each do |minutos|
  total = total + minutos
end

puts "Tiempo de estudio de hoy: #{total} minutos"

if total >= 120
  puts "¡Impresionante! Realmente te esforzaste hoy."
elsif total >= 60
  puts "Bien, a este ritmo, estás creciendo lo suficiente."
else
  puts "Un poco decepcionante, pero todo comienza aquí. Intentémoslo de nuevo mañana."

Interpretación del código

• tiempos_de_estudio: Tiempo de estudio de hoy almacenado en un arreglo.

• total = 0: Variable para almacenar la suma.

• each do |minutos|: Sacar uno por uno del arreglo y usarlo como minutos.

• total = total + minutos: Suma.

• Último if ~ elsif ~ else: Diferentes mensajes según el tiempo total de estudio.

Marco mental

• Marco: "Datos (arreglo) + repetición (each) + condición (if) = Pequeño sistema"

• Visualización: Sensación de que los cuatro valores de tiempo fluyen por un tubo hacia la caja total.

• Recuperación: Cambiar el contenido del arreglo, cambiar el tiempo de referencia, cambiar los mensajes.

Práctica 5-1. Creando tu propio registrador de estudio, ejercicio, rutina diaria

Tarea E

1. Cambia tiempos_de_estudio a tiempo de ejercicio.

   tiempos_de_ejercicio = [10, 15, 20]  # Ejercicio tres veces
   

2. Cambia la condición if según el tiempo de ejercicio:

- Más de 60 minutos: "¡Escapaste de ser un principiante en el gimnasio!"

- Más de 30 minutos: "Manteniendo una buena rutina"

- De lo contrario: "Aun así, te levantaste del sofá. Bastante significativo"

1. Cambia completamente el tema a algo nuevo:

- "Tiempo dedicado a hacer videos de YouTube"

- "Tiempo dedicado a leer un libro"

- "Tiempo dedicado a jugar con tu hijo"

Paso 6: "Este es el fondo de Ruby on Rails"

Lo que has hecho hasta ahora

se aplica de la siguiente manera en Rails:

• Arreglo → Lista de publicaciones obtenidas de la base de datos (Post.all)

• Bucle each → Títulos de publicaciones repetidos en la pantalla.

• Condición if → Botón visible si estás conectado, oculto si no.

• Impresión de cadena → Renderización de texto HTML.

Los fragmentos de código que acabas de crear

se convertirán en algo como esto en Rails:

@posts.each do |post|
  if post.published?
    puts post.title
  end
end

Ahora, solo se imprime en la consola,

pero con un poco más de expansión, se convierte en una pantalla de servicio web real.

Final: Hoy, ya has experimentado el "primer sabor de la codificación"

Si has seguido hasta aquí,

ya has plantado estos marcos en tu cerebro.

• Instrucción (impresión)

• Repetición (times, upto, each)

• Patrón (dibujar estrellas)

• Condición (if)

• Estructura de datos (arreglo)

• Lógica simple (sumador de tiempo de estudio)

Esto no es solo aprender algunas reglas de gramática.

En palabras de Park Moon Ho,

"Se ha creado un nuevo circuito de pensamiento estructural en tu cerebro."