Skip to content

CodeAnalogies Blog

Visual explanations of HTML, CSS and JavaScript concepts

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.

The Difference Between APIs and Webhooks Explained By Selling Seasonal Produce on Your Farm

The Difference Between APIs and Webhooks Explained By Selling Seasonal Produce on Your Farm

March 5, 2018 Posted in web5 Comments

This visual explanation will help you understand the concepts behind webhooks and how they differ from APIS.

Web APIs Explained By Selling Goods From Your Farm

Web APIs Explained By Selling Goods From Your Farm

February 27, 2018 Posted in web8 Comments

This visualized tutorial explains the way that APIs work with a farm analogy.

JavaScript Map() Method Explained by Going On a Hike

JavaScript Map() Method Explained by Going On a Hike

February 20, 2018 Posted in javascript14 Comments

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

functions
CSS Specificity Explained By Hopelessly Shopping for New Clothes

CSS Specificity Explained By Hopelessly Shopping for New Clothes

February 15, 2018 Posted in cssLeave a comment

This visual tutorial explains how CSS determines specificity between multiple selectors.

css
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 javascript5 Comments

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

javascriptLearn To CodeProgrammingSelf ImprovementWeb Development

Posts pagination

Previous page Page 1 … Page 3 Page 4 Page 5 Page 6 Next page
  • Home
  • About
  • Get Latest Tutorials (Email)
  • Try Interactive Version
  • Contact

Recent Posts

  • Merge Sort Explained By Trying To Become A Tennis Champion
  • Web Development Explained by Trying to Run a Restaurant
  • Recursion and the Call Stack Explained By Reading A Book
  • Bubble Sort Algorithm Explained By Picking Teams At Recess
  • Async/Await Explained By Doing Your Morning Routine

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
  • X
WordPress.com. CodeAnalogies Blog
CodeAnalogies Blog
Proudly powered by WordPress Theme: Sapor.

Loading Comments...