loading...

πŸŽ‰32 Code Tutorials for Visual Learners πŸ–Ό

ender_minyard profile image ender minyard ・3 min read

Sometimes it's easier to understand code through pictures than by looking at the code itself. I compiled a list of (free!) code tutorials that help you learn through nice pictures.

JavaScript Tutorials

πŸ‹πŸ½β€β™€οΈ JavaScript Service Workers, Visualized

πŸ”˜ Big O Notation Visualized with Flowcharts

🎬 Node Package Manager (NPM) Explained By Directing A Movie

πŸ₯™ Understanding the basics of Express.js by Going Out To Eat

πŸ‘ΈπŸ½ How JavaScript variable scoping is just like multiple levels of government

πŸ‘¨πŸ½β€πŸŽ“ Javascript's Filter Function Explained By Applying To College

πŸ₯— JavaScript’s Reduce Method Explained By Going On a Diet

🎲 JavaScript Promises Explained By Gambling At A Casino

πŸ“– Merge Sort Explained by Reading A Book

🍚 State (in JavaScript) Explained by Cooking A Simple Meal

πŸ›· JavaScript Arrow Functions Explained By Going Down A Slide

πŸ› Bubble Sort Algorithm Explained

🎢 JavaScript’s β€œthis” Explained By Starting A High School Band

πŸ’‘ JavaScript’s apply, call, and bind explained

πŸ–₯ JavaScript Visualized: The JavaScript Engine

πŸ“± Javascript Visualized: Generators and Iterators

πŸ’» Javascript Visualized: Prototypal Inheritance

➰ Javascript Visualized: Event Loop

⬆️ Javascript Visualized: Scope

‴️ Javascript Visualized: Hoisting

πŸ—Ί What is Map/Filter/Reduce in Javascript?

πŸ—Ύ Javascript Map() Explained By Going on a HikeπŸ§—πŸ½β€β™€οΈ

➰ What is the Event Loop?

CSS Tutorials

πŸ”˜ What are CSS Shapes?

🎨 CSS Combinators Explained

πŸ”² CSS Positioning

Web Performance Tutorials

▢️ What is Adaptive Loading?

⏯ Adaptive Serving

πŸ… Loading web pages fast on a $20 phone

DevOps

πŸ’‘ Docker Fundamentals

✨ CS Visualized: Useful Git Commands

πŸ₯œ Kubernetes and Virtual Kubelet in a nutshell

I remember when JavaScript tutorials using emojis to explain concepts were always on the front page of dev.to. Did I miss something? Comment so I can add to the list!

Posted on by:

ender_minyard profile

ender minyard

@ender_minyard

Web performance, web workers, and multi page applications.

Discussion

pic
Editor guide
 
 
 

Great Collection, will definitely look into JavaScript stuff.

 

EFFFIN Awesome.
Thanks

 

Hey thanks for sharing. I will check some of them definitely

 
 

Now thats a good long list of resources.

 

Thanks for the list ~