A Look at Ruby Methods, Loops, and Logic

As my last post noted, I am currently enrolled at Flatiron School’s Online Community-Powered Bootcamp. It has been a great experience thus far. This blog has always been a place for me to note my studies and thoughts about what I’m learning. I have discovered over the time I’ve been here that others also have come by to enhance their learning, and for that I’m grateful and happy.

As such, I will be blogging here again regularly. My last post prior to this resurgence was in 2015. I was not inactive, per se, but I slowly became more active as 2016 went on. I was embroiled in the election, and once it began wrapping up I started studying again. I went through the Web Dev Bootcamp’s Javascript section and built a few of the #Javascript30 projects but I missed Ruby on Rails. I looked at a few options before settling on the Flatiron program. While the price is a big commitment, but I am committed to make this change.

I will be mostly using this as a way to look at the code I’m writing as I complete projects for this bootcamp and explaining what I’m doing. One of the things I like is that I’m not just being told “type this” and blindly mimicking code. I actually have to sit down and write the code. So, this is all code I’ve written.

So, this first section is an intro to Ruby. I’ve learned about variables, methods, logic and conditions, boolean, and loops. I also learned, for the first time, about command line applications. So, I’m going to post the code I have written up to a lesson that looks at taking a turn in the tic tac toe app we are building and break it down. First, I’ll post the bin file, turn,

and now, the Ruby turn.rb file.

So, first and foremost, a command line application, called a CLI for command line interface, is a file that the user launches to run the application from the command line. No graphics here. This is called the bin file, and is stored in the bin directory in our application. This is the executable file we run our program from. Let’s go through this file line by line. I’ll post it again:

Ok, the first line is known as the shebang line:

This tells the interpreter to use Ruby as the language for the file.

Next, we tell the bin file to require the turn.rb file with this line:

This gives us access to methods we define in that file. This will be important in just a minute.

Now, we are going to create an array called board and set it up with some strings with a space in them:

And then greet the user and call two methods from the turn.rb file. Both will pass in board as an argument:

OK, now that we are through the bin file, let’s look at the turn.rb file in more depth. This file is located in the lib directory. I’ll put the whole thing here for reference, but then pull out each method individually as we go through it:

Let’s break this down. First, we call a method titled display_board that accepts one argument, the array we defined in the bin file. This method will build the frame of our tic tac toe board.

When we run the app, it will display like this:

Very high res, HD graphics!

Inside each puts call, you will notice these:

This is a string interpolation. Basically, this allows us to put the variable inside of the string. This in particular is pulling the data from the array. As the game is played the users will place their X and O markers in the 9 quadrants of the tic tac toe board. They will be asked to select a space numbered 1 to 9, with 1 being the top left corner and 9 being the bottom right corner. The X’s and O’s will be put inside the array in the necessary spots, and then the display_board method will interpolate the marker as it is updated.

Next, let’s look at the turn method, and as we go through it we will discuss the methods that are called from inside it. First, the method:

So, this again takes the argument of board. It asks the user, as we discussed above, to choose a space from 1 to 9 and then takes the input using the gets method. gets will take the users input, and then, using the strip method will remove any new lines or trailing whitespace. Next, this input is sent to another method defined called input_to_index:

This method will first take the argument input and turn it into an integer with the to_i method then it subtracts 1 from it. This is because the array starts counting at 0, while we are asking the user to start counting the quadrants at 1. so, while the top left square in the array is 0, the user is entering 1. Subtracting 1 fixes this. Let’s return now back to the turn method.

We are now going to define a new variable, m, and have this variable decide whether the move made by the user is a valid move. This is calling another method, valid_move?, which is below, along with it’s helper method, position_taken?:

It will probably be best to start looking at position_taken? first. This takes two arguments, the board array and the index we just created with the input_to_index method. It uses an if statement to decide whether the position the user has chosen is taken already. So, the first part of the method asks “if the spot on the board is empty then return false (the position is NOT taken), then the next part says “else, if there is an X or O already there, return true (the position IS taken). Notice here that we are using the || for the boolean for “or”.

Now, looking at this, we return to the valid_move? method. This method is deciding whether the move the user made is valid. If the user tries to take a position already taken it is not valid, hence we utilize the position_taken? method we just discussed. It also looks at a range to ensure the user is playing on the board and not in a position elsewhere. This utilizes the between? method which passes in to arguments, the start and end of the numeric range which here is 0-8. Notice also that the if statement is using && for an “and” comparison, as well as the ! in front of position_taken? to make it negative, reading instead “position is not taken.” So, this method is literally saying “if the move is between 0-8 and the position is NOT taken, its a valid move, otherwise it is not a valid move.”

So, moving forward in the turn method, the move we asked the user to make is validated through the valid_move? method. If the move is valid, which returns true, then we allow the move to proceed via the move method. Here it is:

This brings in three arguments, the board array, the index and the char argument which is the X or O for each user. Currently, the char is set to X as a default argument. Soon, it will allow the O character. This method takes the index we created from the users input and places the X on the position they chose, updating the board array.

If the move is not valid, a loop is called. Let me place this part below so we can walk through it.

So, first, m enters here as false. The loop states “until m is true, this loop will keep coming around.” The user is told the move was invalid and prompted to enter another move. The input is taken through all of the above methods we discussed again and if the move is valid, the loop ends. If not, we go through until it is valid.

Here is what we are hoping happens:

And here it is with me choosing an invalid position:

This time I showed where I called the bin using ruby bin/turn. I made the move, picking a position WAY off the board, and then the app told me the move was invalid and prompted me again. This time I got it right and the lower left hand corner had an X added to it.

I hope this helps anyone visiting to understand Ruby methods, loops, and logic a bit better. If you have questions, feel free to ask!


Days 84 to 92: Continuing with the Ruby on Rails tutorial… and some CSS!

So, my apologies on the slow updating here. I am still alive and moving forward. A couple of life events slowing me down, the usual being work, allergies and a horrible toothache but I am still working on my career change. A quick update on the progress:

  1. I completed a few CSS courses at Treehouse. I am rusty on it and wanted to get an update. I finished these:

Getting Started with CSS Badge


Basic Selectors badge

I will continue with this as I want a pretty solid front-end foundation despite my aim being back-end.

2. I finished chapters 5 and 6 in Michael Hartl’s Ruby on Rails tutorial. I am over halfway finished with it. I will be starting projects at that point!

Days 76 through 83: Catching Up on Posting But I’ve Been Studying!

Sorry to go missing from here, but I’ve remained busy. Allergies and such have been wreaking havoc on me, but I have continued studying Ruby on Rails Tutorial through Michael Hartl. I am currently halfway through Chapter 5 and I am learning a lot and really enjoying it.

I also just had my first interview through SparkHire. This was a unique experience. Its a one-way interview where you record your answers to questions. If I pass this part of the interview process I then move on to an in-person interview. Very exciting. I will be switching gears for a bit to brush up on my CSS skills at Treehouse.

Day 68, 69 and 70: Finishing the FullStack JavaScript Track @Treehouse

I’ve been busy and forgot to update. You may have noticed that I moved my blog inside my domain and set up a homepage outside it. I will be adding portfolio items here. My resume is also present.

I have also updated the blog theme. I wanted a little more simple. In any case, on to the update:

I completed these badges, finishing the FullStack JavaScript track:

Creating a Simple Server in Node.js badge

Handling Routes in Node.js badge

Creating a Basic Template Engine in Node.js badge

HTTP Methods and Headers badge

Welcome to Gulp.js badge

Gulp your JavaScript Workflow badge

Compile Sass with Gulp badge

Improving your Gulp Task Pipelines badge

And completion of the track!

OK, so I have a lot of thinking to do about which path to follow. Node.js or Ruby on Rails?

Day 64, 65 and 66: Podcasting, Finishing AJAX and Working on Object Oriented JavaScript

Its been a busy last few days. First, on the personal front, I went on vacation starting Friday. Yay!

I recorded the Developer Soup podcast this past Friday. It was on choosing a programming language.

And since then I have destroyed a slew of badges on Treehouse. Here goes:

jQuery and AJAX badge

AJAX and APIs badge

Introduction to Methods badge

Constructor Functions and Prototypes badge

Prototypal Inheritance badge

I will continue on tomorrow.

Day 61: Continuing with AJAX

Well, another stage is done!

Programming AJAX badge

I learned the frustration of putting code that is supposed to run in a for loop outside of that loop. Once I caught it, the a-ha moment was overshadowed by the good 30 minutes of pulling out my hair.

Day 58: Another Course Down and Starting the Next One

So, I was able to complete another course at Treehouse. This one was on jQuery plugins and concerned going implementing 3 different plugins on a site. Here is the last badge:

Using a jQuery Carousel badge

And then I went through the introduction of the next course which is Interactive Web Pages with JavaScript. The first stage, which I completed, is:

JavaScript and the DOM badge

Also, this week I joined Alex Gwartney in starting a new podcast, Developer Soup. We will be discussing our journey into web development and what we are doing along the way. Have a listen to the first episode!