Skip to content

CodeAnalogies Blog

Visual explanations of HTML, CSS and JavaScript concepts

Category: web

Docker Containers Explained by Renting Office Space

Docker Containers Explained by Renting Office Space

November 4, 2019November 12, 2019 Posted in web4 Comments

This visual tutorial will help you understand the definition of containers and how they differ from virtual machines.

Node Package Manager (NPM) Explained by Directing A Movie

Node Package Manager (NPM) Explained by Directing A Movie

September 24, 2018October 24, 2018 Posted in javascript, web4 Comments

This visual explanation will help you understand how Node Package Manager (NPM) and package.json work. Great for building your first Node.js app.

backend
Amazon Web Services (AWS) Explained by Operating a Brewery

Amazon Web Services (AWS) Explained by Operating a Brewery

July 31, 2018 Posted in webLeave a comment

This visual tutorial will help you understand multiple parts of Amazon Web Services, and how it differs from other cloud computing platforms like Heroku.

intermediate
Browser Developer Tools Explained By Training To Become a Chef

Browser Developer Tools Explained By Training To Become a Chef

July 21, 2018 Posted in web2 Comments

This visual tutorial will help you understand how dev tools like Chrome Dev Tools work, and how they are different than text editors.

File Directories Explained by Getting Dressed in the Morning

File Directories Explained by Getting Dressed in the Morning

June 24, 2018 Posted in web3 Comments

This visual explanation will help you understand how to use file directories in your first web app.

Web Caching Explained by Buying Milk at the Supermarket

Web Caching Explained by Buying Milk at the Supermarket

June 11, 2018February 2, 2019 Posted in web5 Comments

This visual explanation will help you understand different ways that caching works in the path from browser request to server response.

intermediate
Internet Cookies Explained by Taking Your Kids To The Doctor’s Office

Internet Cookies Explained by Taking Your Kids To The Doctor’s Office

June 2, 2018 Posted in webLeave a comment

This visual explanation will help you understand how web cookies work by comparing them to a doctor’s visit.

Introducing the Analogy Editor: Interact With Visual Representations of Your Code

Introducing the Analogy Editor: Interact With Visual Representations of Your Code

May 23, 2018May 24, 2018 Posted in css, webLeave a comment

Here’s how you can get live feedback on learning CSS positioning via the new analogy editor.

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
Web Servers Explained by Running a Microbrewery

Web Servers Explained by Running a Microbrewery

April 26, 2018May 25, 2019 Posted in sql, web9 Comments

This visual explanation will help you understand how to use servers and databases when you are starting with web 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...