Before we talk about how to resolve this issue, let us first address what is happening here and why it is actually intended to be a safety net implemented to protect the branch.

What happened?

If we read the hint carefully, it is telling us that something has changed upstream. Basically, changes have been made to the remote branch we are pushing to so we are no longer up-to-date on our local version. Git will advise us to address this issue before we proceed, so let’s do that!

How can I fix it?

This can be broken up into 6 steps, it is worth getting familiar with…

Generally I would advise against prioritizing the memorization of any particular syntax right away, however if you are looking to make your way into the Tech industry in 2021 and beyond, you will almost certainly encounter some sort of version control system and well.. it’s always better to be prepared right?

Before we dive into this, it’s important to understand what Git is and why we use it in order to be effective with it. It’s also important to note that Git is not the same thing as GitHub or GitLab.

Git has been the cool kid on the block…

Let’s demonstrate the practical use of GET requests using the Fetch API to build an application that generates pictures of dogs based on specific breeds.

Why Use 3rd Party APIs?

Think about the last time you saw a map while visiting a web site. There’s a good chance that map was outsourced using a 3rd Party API such as Google Maps or ESRI.

There’s any number of reasons a developer would opt for a 3rd party API over building the service from scratch. The most obvious being someone else has already done the heavy lifting for us.

Brief Introduction to the Fetch API

The fetch API returns a Promise and is…

Let’s walk through how to set up husky and lint-staged to run our linters before writing commits.

Before we begin

I should mention these resources have excellent documentation on how to do everything we will do here, I’ve simply complied them together for our convenience.

Official Docs for Husky, Lint-Staged, ESLint and Prettier

Initialize Git, Node.js and Install devDependencies

From within the terminal we will initialize a new project with version control and Node.js.

$ git init && npm init -y 
$ npm i husky lint-staged eslint prettier -D

Configure ESLint

Next we can create an ESLint configuration file. Go ahead and add a new file titled.eslintrc.js …

Getting Started

If you are here to follow along, you can grab a copy of the starter code here. which includes the HTML, CSS and JavaScript I will be referring to through out.

Build the calculator buttons

Let’s begin by creating the calculator’s buttons. We could hard code our buttons using HTML, however I would rather use vanilla JavaScript to avoid writing repetitious code.

First let’s loop through the array containing the button values. Within our loop, we can create a new button and append it to the DOM.

Let’s recap what we’ve just done…

CODEX

Identify the problem

Sounds pretty straightforward right? It’s often the most simple things that we tend to overlook.

If I were to ask you right now, to identify the problem would you be able to?

Years ago my mentor presented me with the Rubber Ducky concept where, for those unfamiliar is to speak with an inanimate object as if it were listening. The idea behind this concept is to essentially discuss and break down your current problem into smaller problems until all that you are left with is an actionable step.

Print everything

I tend to see Juniors overlook this one the most. We often…

Nobody likes spaghetti code. The Array with inconsistent quotations for a lack of better purpose is hardly acceptable and the console riddled with “hi” will certainly appear amateurish, if not unfinished at best.

Clearly, I am a good practices advocate, but with a good cause. I have reviewed 1000’s of PR’s from countless aspiring developers and it’s safe to say the standard for consistency is rising. …