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 simply incrementing all array items by 1. …


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.

Image for post
Image for post

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. …


Get all of my coding books for only $44.99 (about $4 per book) (This means you’re getting each book for about $4 which is usually $25-$34.99)

Purchase all books as part of #octopack limited time offer.

#octopack is also the pre-order for my new book Python Grammar a 400-page Python tutorial course for beginners with no previous experience. PDF will be sent to your email address with the preorder purchase on release date before 2021!

Image for post
Image for post

(This means you’re getting each book for only $4 which is usually $25+)

Learn more about JavaScript Grammar

This is my best book so far.

It’s part of the bundle you get with #octopack!

But if you want to learn more about content I created this other page.

CSS Visual Dictionary

Here’s official CSS Visual Dictionary book page where you can get it for $25.

(The book contains a diagram for every single CSS property.)

Also part of #octopack bundle.


Get all of my coding books for only $44.99 (about $4 per book) (This means you’re getting each book for about $4 which is usually $25-$34.99)

Purchase all books as part of #octopack limited time offer.

#octopack is also the pre-order for my new book Python Grammar a 400-page Python tutorial course for beginners with no previous experience. PDF will be sent to your email address with the preorder purchase on release date before 2021!

Image for post
Image for post

(This means you’re getting each book for only $4 which is usually $25+)

Learn more about JavaScript Grammar

This is my best book so far.

It’s part of the bundle you get with #octopack!

But if you want to learn more about content I created this other page.

CSS Visual Dictionary

Here’s official CSS Visual Dictionary book page where you can get it for $25.

(The book contains a diagram for every single CSS property.)

Also part of #octopack bundle.


Get all of my coding books for only $44.99 (about $4 per book) (This means you’re getting each book for about $4 which is usually $25-$34.99)

Purchase all books as part of #octopack limited time offer.

#octopack is also the pre-order for my new book Python Grammar a 400-page Python tutorial course for beginners with no previous experience. PDF will be sent to your email address with the preorder purchase on release date before 2021!

Image for post
Image for post

(This means you’re getting each book for only $4 which is usually $25+)

Learn more about JavaScript Grammar

This is my best book so far.

It’s part of the bundle you get with #octopack!

But if you want to learn more about content I created this other page.

CSS Visual Dictionary

Here’s official CSS Visual Dictionary book page where you can get it for $25.

(The book contains a diagram for every single CSS property.)

Also part of #octopack bundle.


Get all of my coding books for only $44.99 (about $4 per book) (This means you’re getting each book for about $4 which is usually $25-$34.99)

Purchase all books as part of #octopack limited time offer.

#octopack is also the pre-order for my new book Python Grammar a 400-page Python tutorial course for beginners with no previous experience. PDF will be sent to your email address with the preorder purchase on release date before 2021!

Image for post
Image for post

(This means you’re getting each book for only $4 which is usually $25+)

Learn more about JavaScript Grammar

This is my best book so far.

It’s part of the bundle you get with #octopack!

But if you want to learn more about content I created this other page.

CSS Visual Dictionary

Here’s official CSS Visual Dictionary book page where you can get it for $25.

(The book contains a diagram for every single CSS property.)

Also part of #octopack bundle.


JavaScript Grammar contains the language walk-through from the stand point of a complete beginner. CSS Visual Dictionary contains visual diagrams for every single CSS property in common use.

Image for post
Image for post

JavaScript Grammar contains the language walk-through from the stand point of a complete beginner. CSS Visual Dictionary contains visual diagrams for every single CSS property in common use.

Image for post
Image for post


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!

Image for post
Image for post


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!

Image for post
Image for post

About

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