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


Python Grammar is coming out on January 1st, 2021.

Get it as part of #OCTOPACK bundle. This is one in a lifetime opportunity which ends forever on Jan 1, 2021. (After this the book will be available as a stand alone product.) >>> Click here to get it >>> [& scroll down]

This means you also get all my coding books for only about $4.99 each!

Image for post
Image for post

As part of this preorder you also get instant download of all my other books: JavaScript Grammar, CSS Visual Dictionary, Node API, WebGL Gems, HTML: Intuitive Guide and JavaScript Grammar Dark Mode.


Python Grammar is coming out on January 1st, 2021.

Get it as part of #OCTOPACK bundle. This is one in a lifetime opportunity which ends forever on Jan 1, 2021. (After this the book will be available as a stand alone product.) >>> Click here to get it >>> [& scroll down]

This means you also get all my coding books for only about $4.99 each!

Image for post
Image for post

As part of this preorder you also get instant download of all my other books: JavaScript Grammar, CSS Visual Dictionary, Node API, WebGL Gems, HTML: Intuitive Guide and JavaScript Grammar Dark Mode.


Python Grammar is coming out on January 1st, 2021.

Get it as part of #OCTOPACK bundle. This is one in a lifetime opportunity which ends forever on Jan 1, 2021. (After this the book will be available as a stand alone product.) >>> Click here to get it >>> [& scroll down]

This means you also get all my coding books for only about $4.99 each!

Image for post
Image for post

As part of this preorder you also get instant download of all my other books: JavaScript Grammar, CSS Visual Dictionary, Node API, WebGL Gems, HTML: Intuitive Guide and JavaScript Grammar Dark Mode.


Python Grammar is coming out on January 1st, 2021.

Get it as part of #OCTOPACK bundle. This is one in a lifetime opportunity which ends forever on Jan 1, 2021. (After this the book will be available as a stand alone product.) >>> Click here to get it >>> [& scroll down]

This means you also get all my coding books for only about $4.99 each!

Image for post
Image for post

As part of this preorder you also get instant download of all my other books: JavaScript Grammar, CSS Visual Dictionary, Node API, WebGL Gems, HTML: Intuitive Guide and JavaScript Grammar Dark Mode.


Python Grammar is coming out on January 1st, 2021.

Get it as part of #OCTOPACK bundle. This is one in a lifetime opportunity which ends forever on Jan 1, 2021. (After this the book will be available as a stand alone product.) >>> Click here to get it >>> [& scroll down]

This means you also get all my coding books for only about $4.99 each!

Image for post
Image for post

As part of this preorder you also get instant download of all my other books: JavaScript Grammar, CSS Visual Dictionary, Node API, WebGL Gems, HTML: Intuitive Guide and JavaScript Grammar Dark Mode.


Python Grammar is coming out on January 1st, 2021.

Get it as part of #OCTOPACK bundle. This is one in a lifetime opportunity which ends forever on Jan 1, 2021. (After this the book will be available as a stand alone product.) >>> Click here to get it >>> [& scroll down]

This means you also get all my coding books for only about $4.99 each!

Image for post
Image for post

As part of this preorder you also get instant download of all my other books: JavaScript Grammar, CSS Visual Dictionary, Node API, WebGL Gems, HTML: Intuitive Guide and JavaScript Grammar Dark Mode.


Python Grammar is coming out on January 1st, 2021.

Get it as part of #OCTOPACK bundle. This is one in a lifetime opportunity which ends forever on Jan 1, 2021. (After this the book will be available as a stand alone product.) >>> Click here to get it >>> [& scroll down]

This means you also get all my coding books for only about $4.99 each!

Image for post
Image for post

As part of this preorder you also get instant download of all my other books: JavaScript Grammar, CSS Visual Dictionary, Node API, WebGL Gems, HTML: Intuitive Guide and JavaScript Grammar Dark Mode.


Python Grammar is coming out on January 1st, 2021.

Get it as part of #OCTOPACK bundle. This is one in a lifetime opportunity which ends forever on Jan 1, 2021. (After this the book will be available as a stand alone product.) >>> Click here to get it >>> [& scroll down]

This means you also get all my coding books for only about $4.99 each!

Image for post
Image for post

As part of this preorder you also get instant download of all my other books: JavaScript Grammar, CSS Visual Dictionary, Node API, WebGL Gems, HTML: Intuitive Guide and JavaScript Grammar Dark Mode.

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