Skip to content

CodeAnalogies Blog

Visual explanations of HTML, CSS and JavaScript concepts

Category: javascript

JavaScript’s Filter Function Explained By Applying To College

JavaScript’s Filter Function Explained By Applying To College

May 14, 2018June 3, 2018 Posted in javascript2 Comments

This visual explanation will help you understand how filter functions in JavaScript are similar to the college application process.

filterhigher-order functions
The Relationship Between HTML, CSS and JavaScript Explained by Building A City

The Relationship Between HTML, CSS and JavaScript Explained by Building A City

May 9, 2018November 20, 2018 Posted in css, html, javascript, web10 Comments

If you have ever visited a walkable city like New York, then you can understand the way that HTML, CSS and JavaScript work together.

beginner
JavaScript’s Apply, Call and Bind Explained By Hosting A Cookout

JavaScript’s Apply, Call and Bind Explained By Hosting A Cookout

March 30, 2018March 30, 2018 Posted in javascript1 Comment

This visual tutorial will help you understand the apply, call and bind functions in JavaScript through a familiar concept.

functionshigher-order functions
JavaScript’s “this” Explained By Starting A High School Band

JavaScript’s “this” Explained By Starting A High School Band

March 12, 2018August 4, 2018 Posted in javascript8 Comments

This visual explanation will help you understand the concept of “this” in JavaScript.

JavaScript Map() Method Explained by Going On a Hike

JavaScript Map() Method Explained by Going On a Hike

February 20, 2018 Posted in javascript13 Comments

Use this visual explanation to understand the map() method in JavaScript.

functions
Localhost Explained By Starting A Microbrewery

Localhost Explained By Starting A Microbrewery

February 2, 2018February 16, 2018 Posted in javascript4 Comments

This visual tutorial will teach you how to use localhost, and also show what happens when you put your code on a live web server.

dev tools
Basic JavaScript Development Tools Explained By Cooking In A Restaurant Kitchen

Basic JavaScript Development Tools Explained By Cooking In A Restaurant Kitchen

January 22, 2018 Posted in javascript1 Comment

Use this visual guide to understand common JavaScript developer tools like NPM, Webpack and Babel.

dev toolsWeb Development
AJAX Basics Explained By Working At A Fast Food Restaurant

AJAX Basics Explained By Working At A Fast Food Restaurant

January 15, 2018 Posted in javascript12 Comments

This visual explanation will show how to use AJAX, GET and POST in your front-end.

ajaxFront End Development
Traversing the DOM Is Just Like Creating Your Personal Schedule (Visual Explanation)

Traversing the DOM Is Just Like Creating Your Personal Schedule (Visual Explanation)

January 6, 2018March 1, 2018 Posted in javascript6 Comments

This visual guide gives an introduction to the DOM and helps you understand how JavaScript and HTML work together.

DOMgifs
A Visual Guide to Understanding Variables in JavaScript

A Visual Guide to Understanding Variables in JavaScript

December 20, 2017August 13, 2018 Posted in javascript3 Comments

If you are sturggling to understand how variables work in JavaScript, this visual guide will help.

javascriptLearn To CodeProgrammingSelf ImprovementWeb Development

Posts navigation

Previous Posts
Next Posts
  • Home
  • About
  • Get Latest Tutorials (Email)
  • Try Interactive Version
  • Contact

Recent Posts

  • Are You The “Joel Embiid” Of Tech Startups?
  • Docker Containers Explained by Renting Office Space
  • Visualized Algorithm Challenge 2: Finding the Difference Between Two Arrays
  • Pull Requests Explained by Giving A Presentation
  • State (in JavaScript) Explained by Cooking A Simple Meal

About CodeAnalogies

Hi, I’m Kevin! I teach web development a littttle differently than anyone else. I use analogies and imagery. In fact, this is the way your brain naturally learns best!

I started publishing on Medium (profile here), and now I am focusing on building my own blog!

Follow Us

  • Medium
  • Twitter
WordPress.com. CodeAnalogies Blog
CodeAnalogies Blog
Proudly powered by WordPress Theme: Sapor.