Things I want to accomplish in this Higher Order Function tutorial:

  1. Introduce newbies to the idea of Higher Order Function in JavaScript.
  2. (In a way that entertains, because HOs can get quite boring.)
  3. Show fun animations explaining how Higher Order functions work.

JavaScript Grammar book explains higher-order functions in detail and also shows you how they work by creating your own version of .map() method. (Among many other great examples.)

Array.map — map all values to an expression.

To kick off this tutorial I’ll start with animated example of higher-order function map. It modifies each item in the original array and returns a copy. In this case we’re…


So which one is better? Grid or Flex? When to use which? What are the differences? For me, I see both as fundamentally different ways of thinking about layout design. I don’t think one as better or worse than the other. It is common to use them together.

Or you can just follow me on Twitter where I share more of my tutorials.

This is not a comprehensive study. Just key differences I found.

There may even be some mistakes I overlooked (let me know if you find.)

All diagrams were taken from my CSS Visual Dictionary book.

You can get it here bundled together with JavaScript Grammar.

Different Layout Models

Grid and flex follow different layout models.

Grid has column and row templates with assumed “ghost” items.

Flex is not designed to make grids. It is based around the idea of a flex line and direction. …


JavaScript Grammar contains the entire language walk-through from the stand point of a complete beginner gradual building in complexity.

CSS Visual Dictionary contains a color-coded diagram for every single CSS property in common use for visual speed-learners!


JavaScript Grammar contains the entire language walk-through from the stand point of a complete beginner gradual building in complexity.

CSS Visual Dictionary contains a color-coded diagram for every single CSS property in common use for visual speed-learners!


JavaScript Grammar contains the entire language walk-through from the stand point of a complete beginner gradual building in complexity.

CSS Visual Dictionary contains a color-coded diagram for every single CSS property in common use for visual speed-learners!


JavaScript Grammar contains the entire language walk-through from the stand point of a complete beginner gradual building in complexity.

CSS Visual Dictionary contains a color-coded diagram for every single CSS property in common use for visual speed-learners!


This tutorial is based on vscode keyboard shortcuts YouTube video.

Animation was created for each shortcut so it’s easier to understand without doing much reading. Commonplace shortcuts like Ctrl + C are same in most software and will not be mentioned.

1. Shrink or Expand VSCode Selection

Wait, what, we could do this?

I’ll kick this article off with an example of my most favorite keyboard shortcut in VSCode. This shortcut allows you to either expand or shrink selection around natural block scope checkpoints (see animation above.)

On Windows, hold Shift + Alt and use keyboard left and right arrows. On Mac it’s shift + control


As part of my “simplest subject possible” series of articles I’ve chosen to write about changing HTML hyperlink colors. I’ve been covering more advanced subjects for over a decade and to be honest even that can get boring sometimes.

So how do you change link color using inline HTML?

In addition to this article I’ve already recorded html: how to change link color tutorial on YouTube. Who knows, maybe it’ll improve SEO, maybe not. It’s not why I’m writing it. Just don’t know how many more event-loop, prototype inheritance, css grid and css flex tutorials I can write.

So here it is, my YouTube tutorial about changing hyperlink color.

To change the color of an HREF link (using the anchor tag <a>) you can use inline style attribute and apply any color you want to the color property.

JavaScript Teacher

Issues. Every webdev has them. Published author of CSS Visual Dictionary https://amzn.to/2JMWQP3 few others…

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