Beginners walkthrough to iterate over a JS Object

Something essential to Javascript fundamentals is …iterating over an object! Am I right?! Whenever we make calls from a database to our web app to render data we usually receive a JSON object that needs to be parsed through. So let’s get down to it, nail some knowledge, and do some learning together.

Photo by Mohammad Rahmani on Unsplash

Objects Methods

First of all, let’s talk about methods for JavaScript objects. As you likely know, in JavaScript, arrays and objects have built-in methods that can be used hand in hand to find out information. …


React Test-Driven-Development Journey/Tutorial for Beginners

Hi all! This blog is meant to fill out my blog tutorial workout from last week. Join me in this part two of the Learning React Test-Driven Development Tutorial, and we will continue to dive deeper into Test-Driven-Development. Along the way, we will add more tests and more functionality to capture the state within our React Login Form app.

Photo by Alex Presa on Unsplash

If you are just stumbling upon Part II of my tutorial walkthrough, please click on this link to find the first part of this blog.

Without further ado, here goes!

Step 1. In LoginForm.test.js, add another test on line 17, This…


React Test-Driven-Development Journey/Tutorial for Beginners

Many apps have been made and conquered, but let’s get down to it and ask a real question here. Does your app include tests? Do you know how to implement tests? Having learned React from a coding school, I will say I have not yet stumbled upon building tests into my work yet. So, I thought you know what, no time like the present, let’s do this!

Photo by Scott Graham on Unsplash

Benefits of Test-Driven Development

Implementing test-driven development into our apps can ensure higher quality code, better program design, and can most definitely save projects costs in the long run.

Spending the time to implement tests into your…


Beginner’s Ruby knowledge, with a focus on variable scope.

Hey there my coding friends. Today, I thought I’d talk about the coding language Ruby. For anyone out there who just started learning it or is interested in learning the language, this blog is for you! So listen up! I will mainly focus on Ruby variables and getting to know the different types. Let’s unveil this Ruby mystery!

Roots of Ruby

Ruby got its roots in the mid-1990s, where it was created by Yukihiro “Matz” Matsumoto in Japan. It’s dynamically typed and can support multiple programming paradigms like functional, object-oriented, and procedural programming.

Ruby…


An introductory walkthrough of React controlled/uncontrolled components.

Let’s take a gander into React and talk about components. If you have used React before you should be familiar with components. One of the main features of React is components, and React supports two kinds: controlled and uncontrolled. Let’s uncover the main differences between controlled and uncontrolled components.

Photo by Marvin Meyer on Unsplash

Controlled Components

The React docs recommend using controlled components over uncontrolled ones. Controlled components are used to implement forms. In a controlled component, form data is handled by a React component. The state within that component acts as the “single source of truth” for any inputs that are rendered by the component.

Essentially…


Understand what arrow functions are and when it’s best to use them.

When Javascript ES6 was released in June 2015, it brought the introduction of arrow functions to the developer game. While there are many similarities between ES5 functions and ES6 arrow functions in this blog we will compare and contrast the two.

Photo by Hello I'm Nik on Unsplash

What is an arrow function?

Like a traditional function in Javascript, an arrow function will allow you to take in an input, perform some task or calculate a value, then return an output where there is an obvious relationship between the input and output.

Basic Syntax of an arrow function

  • One parameter input, and one simple expression. …


Beginner’s Guide to HTTP Status Codes.

Photo by visuals on Unsplash

Let’s get a little more close and personal with HTTP error codes. As a developer, when we are building out our web applications we are bound to encounter them, and of course, as a user, I’m sure you’ve seen a couple of HTTP error status codes in your day!

Clients and Servers

To boil it down, the Internet is made up of two core things: Clients and Servers. Clients are your web browser, think Google Chrome, Firefox, Safari, Internet Explorer. …


Arrays methods to rule the world.

One of the integral concepts of JavaScript is arrays. Arrays help us to contain our data and allow us to make things happen in our program. They help keep the machine moving! I thought it might be helpful to talk a little bit about arrays and pinpoint array methods that can be used day in and day out. Now on to tackle those arrays.

Photo by Marvin Meyer on Unsplash

What is an array?

Plainly, in JavaScript, an array is a data set that can contain a couple of different values, like a number, string, or boolean.

The syntax for an array looks like…


It’s a small hoisting world after all.

Photo by Tracy Adams on Unsplash

Any developer out there learning JavaScript is bound to run into hoisting and needing to understand it. Even in a recent job interview, I was asked what it is and wished I could have articulated better on the topic. On this note, let’s explore the fine world of hoisting in JavaScript and learn about it together!

What is hoisting in JavaScript?

Hoisting is JavaScript’s default behavior of reading all defined variables or function declarations at the top of the scope before any other code execution occurs. …


Photo by CHUTTERSNAP on Unsplash

Let’s say it’s your job to teach React! What a fun challenge, there’s quite a bit of complexity to unfold, and at the same time React is a game-changer and excellent to learn. My goal is to introduce React, what it is and begin to give you a birds-eye view into understanding its ins and out. Let’s get started!

What is React?

First of all, React is an open-source front-end library used for building user interfaces (UIs). It’s a painless solution for creating interactive UIs. Guess which companies use it? The likes of Facebook, Instagram, Uber, etc (it was actually originally developed in…

Alyssa E Easterly

Software Engineer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store