Favors to future me

I love learning new things. Unfortunately, it's hard to retain everything. I wrote these blog posts as a favor to "Future Me." Writing them gives me a deeper understanding, and the posts are things I can refer back to. Hopefully helpful to others, too!

Creating pages from Markdown files in Gatsby JS

May 10, 2018

In my last post , I wrote about how to create slugs for pages generated from Markdown files in Gatsby JS, and add those slugs to the…

Time to read—about 12 minutes

JS Promises, the basics

April 10, 2018

Promises, a cleaner, better way to handle async code, right? I wanted to gain a deeper understanding of how Promises—now native in…

Time to read—about 5 minutes

Finally understanding closures in JavaScript

April 09, 2018

To understand something, I go to a lot of sources. Some speak to me, some don't. I try to take something useful from each and put together…

Time to read—about 6 minutes

Generating slugs for blogs posts in Gatsby JS

April 08, 2018

Gatsby's been fun to learn, and the tutorial has been helpful, but I had to take some time to understand the process to create pages from…

Time to read—about 9 minutes

Reference vs. Copy with JavaScript objects and arrays

February 27, 2018

Confession: I still get mixed up between deep copies, shallow copies, passing by reference, passing by copy. I know what they mean...if…

Time to read—about 8 minutes

Slide in on scroll

February 20, 2018

You know those sites where images slide into view as you scroll down the page? This is one of those. In learning how to do this, I learned…

Time to read—about 16 minutes

Key sequence detection

February 10, 2018

Another fun exercise. So this demo is about key sequence detection. Every time you type, you're entering a key...we want to match something…

Time to read—about 5 minutes

Custom HTML5 video player

February 01, 2018

In another demo from the amazing Wes Bos's JavaScript 30 demo, we're using the HTML element , but stripping the not-so-great default…

Time to read—about 25 minutes

Handle multiple checkboxes with the shift key

January 27, 2018

On web forms with check boxes, it can be a pain to have to check a bunch of boxes, one at a time. Often though it's possible to check a…

Time to read—about 7 minutes

There's more to console than logging

January 22, 2018

If you've worked with JavaScript, then you've done some debugging with . The JavaScript Console object provides access to the browser's…

Time to read—about 6 minutes

Drawing with HTML5 Canvas

January 18, 2018

This was a great exercise that showed me a lot about painting onto the screen using HTML5 Canvas . Lessons learned Working with Setting a…

Time to read—about 15 minutes

AJAX type ahead demo

December 16, 2017

This was another great lesson from Wes Bos's awesome JavaScript 30 course , which teaches JavaScript fundamental concepts to create cool…

Time to read—about 17 minutes

Flexbox panels gallery

December 14, 2017

This was another super fun exercise from Wes Bos's Javascript 30 course, focused on going through vanilla JavaScript fundamentals without…

Time to read—about 9 minutes

Look at all this stuff you can do with JavaScript Arrays

December 12, 2017

If you've worked with data in JavaScript, you've almost definitely worked with Arrays . Although I had some familiarity with , , and…

Time to read—about 12 minutes

Update CSS variables with JavaScript

December 10, 2017

So the product of this exercise was a simple image editor. You have an image with some sliders, and the sliders allow you to change a few…

Time to read—about 11 minutes

How to make a clock with CSS and JavaScript

December 08, 2017

This fun little exercise was part of Wes Bos's excellent JavaScript 30 course , a great way to dive deeper into the fundamentals of…

Time to read—about 6 minutes

How to make a sound effects keyboard with JavaScript

December 06, 2017

Intro This was a fun exercise to turn your keyboard into a sound effects machine using JavaScript. I thought about sitting in long, boring…

Time to read—about 6 minutes