Couscous was one of the first pups we ever dog-sat for. He was one of the OGs. I remember us thinking ‘Couscous, what a silly name for a dog.’ But boy, did that pup make a home in our hearts. His curly, brown/black coat, his black rubbery nose and paw pads made him look like a child’s teddy bear-turned-real fantasy come true.

An animal-lover by nature, my partner was instantly smitten with the Airdale Terrier. At 11-and-some-change, Couscous was near the top of the life expectancy for his breed, which is 13 years. …

Talk about a loaded question. There has been a bit of a gap between this post and my last one and the reason is: trying to sum up React into one singular post proved more of a challenge than I originally thought. What should I include? Will it be too much? Not enough? So, here’s my go at it! I’ll be expanding in future posts, so I’ll stop fretting now.

Let’s get down to business.

I find that sometimes bullet points help me understand things better, so here is my list of what React is.

React is…

  • A front-end framework
  • A JavaScript library for building…

This is kind of a long post, this lesson covered a lot!

In order to begin my journey down the road of ES6 and beyond, I first need to understand Transpiling and Polyfilling.

Screenshot from Cassidy Williams’ Udemy Course

Both of these techniques serve the same purpose: you write your code, the code uses some modern features that are not yet implemented in your target environment, and they aim to fill the gaps. They do this, however, using different techniques.

  • A Polyfill will try to emulate certain APIs so you can use them as if they were already implemented. This is also known as shimming.
  • A…

Scope can get dicey, so I’ll dive right in and do my best to explain what I’ve learned.

Scope is variable visibility; if code can modify or access a variable, it is in that variable’s scope. Scope is the accessibility of functions, variables, and objects in some particular part of your code during run time.

There are two types of scope:

Global Scope

  • There’s only one global scope throughout a document
  • A variable is in the global scope if it is defined outside of a function

Local Scope

  • Variables are defined inside of a function and they have a different…

JSON (JavaScript Object Notation) is a set of text formatting rules that stores and transfers data in both a machine- and human-readable way; it is a lightweight data interchange format.

The main things to know about JSON are:

  • It is made up of keys and values
  • A key is commonly a string enclosed in quotation marks "”, but it doesn’t have to be
  • A value can be a string, number, Boolean expression, an array, or an object

Together, keys and values make a key value pair, which has a very specific syntax: Key: Value. If there is more than one…

For the sake of completeness, I’m going to start with what AJAX is an acronym for, which is: Asynchronous JavaScript and XML. I’ll get into what AJAX does in a sec, but first, I want to explain what the heck ‘Asynchronous’ even means.

An Asynchronous call is when you can move from one task to another, before the current one finishes. Conversely, there is a Synchronous call, which is when you have to wait for one thing to execute before moving onto the next. A good way of remembering it is to think of it as a line at the…

First- what the heck is an event?

An event is something that happens in the browser. When something happens in the browser, a signal is fired. Events tend to be attached to a specific item in the browser, whether it be a single element, a group of elements, the document object itself, or even the entire browser.

Some common events are:

  • click- the user clicks
  • resize- the user resizes the document
  • keydown, keypress, keyup- the user interacts with the keyboard
  • mouseover- a mouse is moved over an element
  • load- a resource has finished loading

What matters is detecting these events…

First up on Cassidy WilliamsUdemy course- a review of the DOM: what it is, what it can do, and the work-through for a common interview question. I usually take notes in bullet form- my brain likes that best.

DOM (Document Object Model)

  • The DOM is the bridge between JavaScript and HTML
  • The DOM is a tree, and each node (tree branch) is created from HTML tags
  • Typing document into the console shows the document object, but it is shown the same way it looks in the HTML

There is not one specific reason I want to learn React. It’s more a combination of reasons: I’ve been trying to step my game up on Vanilla JS lately, and my original plan was to eventually migrate over to React. That was the plan until I saw an awesome job posting! They wanted someone who could help them migrate their current product to React/Redux. Instantly intimidated, I shied away from the post. There was no way I would qualify when I so clearly did not possess this major requirement. Right?

Well, a funny thing happened after that- the TL;DR is…

Like a puppy, it follows you everywhere, craving your attention
But you- you don’t give it a chance
You squash that sprout as soon as it pokes its little green chlorophylled head out of the soil and stretches itself in your direction
I know: you’re frustrated and tired, but that’s just mean.

“Déjate querer” means let yourself be loved
But I’m not talking about someone else loving you, no!

Let the seedling within bask in the light of day
Water it, allow joy to bud & blossom.

Don’t take negativity out on yourself
The world is mean enough on its own.

Michelle Colón

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