Arrays can be manipulated with Ruby methods and some common ones are .length, . shift, .reverse, and .push. We’re going to go over a few unique methods that can be quite useful in certain situations. .transpose The transpose method is quite unique in what it does. It essentially allows you…

In Ruby, arrays and hashes are collections. Then there are iterators, which are methods that can be used on a collection. We will look at a few of these iterators in this post. .each The each method doesn’t modify the original collection and will always return the original collection. pizza_toppings…

The introduction of promises in ES6 was released to help work with callbacks. There is a term called, “callback hell”, that refers to a situation where you have nested callbacks to the point that it affects the readability of your code. A JavaScript promise is an object that can be…

What is Node? Node is an asynchronous run-time JavaScript environment built on top of Chrome. It’s designed to build scalable network applications such as a web app, real-time chat app, REST API server, etc. Node is often used to build back-end services like APIs. Sample code and explanation. const http…

A callback function is a function that is passed into another function as an argument, which is then invoked inside the outer function. Let’s take a look at the print() function below. function print(whoAmI) { whoAmI() } The print function takes a parameter called whoAmI, which is a function, and…

What is destructuring? Destructuring is JavaScript expression that allows you to assign properties of an array or object to variables using syntax that look similar to array or object literals. Let’s look at a simple example below. We have a person with a first name, last name, and a birthday. …

GitHup Pages is a great place to host your app. People can go to a URL and have your active project running and they can test it and see how it works. This helps the users that don’t know how to pull your repo and run the app. It also…

Using CSS to build out modern layouts is way easier than you think. All you’ll need is a few lines of code to accomplish doing it. We’re going to go through a few examples to help get you started. Centered Layout. This will help in centering elements within elements. centered.html …

The idea of the React lifecycle is that a component has mainly 3 different parts. Mounting — In this phase, the component is created and inserted into the DOM Updating — The component changes by receiving new updates Unmounting — The component is no longer needed and gets unmounted Part…