Skip to content

CodeAnalogies Blog

Visual explanations of HTML, CSS and JavaScript concepts

Tag: Web Development

JavaScript Closures Explained by Mailing a Package

JavaScript Closures Explained by Mailing a Package

October 19, 2018October 22, 2018 Posted in javascript3 Comments

This visual tutorial will help you understand closures in JavaScript.

javascriptLearning To CodeProgrammingTechnologyWeb Development
JavaScript Promises Explained By Gambling At A Casino

JavaScript Promises Explained By Gambling At A Casino

August 26, 2018September 14, 2018 Posted in javascript6 Comments

This visual explanation will give you an overview of promises in JavaScript. All examples include illustrations and code blocks.

EducationjavascriptProgrammingTechWeb Development
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
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
Here’s Why Learning How To Code Is So Hard (and what to do about it)

Here’s Why Learning How To Code Is So Hard (and what to do about it)

December 15, 2017January 7, 2018 Posted in thoughtsLeave a comment

Here are the reasons why most coding tutorials seem so challenging, and a better strategy to learn web development

CodingLearning To CodePersonal DevelopmentTechWeb Development
How JavaScript variable scoping is just like multiple levels of government

How JavaScript variable scoping is just like multiple levels of government

November 22, 2017January 7, 2018 Posted in javascript3 Comments

This analogy explains JavaScript scoping in the simplest way possible.

javascriptProgrammingTechTechnologyWeb Development
JavaScript For Loops Explained with Animated Scuba Divers

JavaScript For Loops Explained with Animated Scuba Divers

November 7, 2017January 7, 2018 Posted in javascript5 Comments

This visual tutorial gives an incredibly simple animated explanation of for loops in JavaScript.

javascriptLearning To CodeProgrammingTechWeb Development
Understanding the basics of Express.js by eating at a restaurant

Understanding the basics of Express.js by eating at a restaurant

November 3, 2017January 7, 2018 Posted in javascript4 Comments

If you are trying to learn the basics of Node.js, this guide to Express.js will help you set up for first app.

node.jsSelf ImprovementStartupTechTechnologyWeb Development
The CSS Box Model Explained by Living in a Boring Suburban Neighborhood

The CSS Box Model Explained by Living in a Boring Suburban Neighborhood

March 27, 2017October 28, 2019 Posted in cssLeave a comment

This visual explanation will help you understand the CSS Box Model with an analogy.

cssDesignTechnologyWeb DesignWeb Development
CSS Selectors Explained By Going Car Shopping

CSS Selectors Explained By Going Car Shopping

November 21, 2016February 4, 2018 Posted in css2 Comments

This visual explanation will help you understand how to use selectors in CSS.

cssDesignLearning To CodeProgrammingWeb Development

Posts navigation

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

Loading Comments...