DEV Community

Hanzla Baig
Hanzla Baig

Posted on • Originally published at dev.to on

32 1 1 1 2

🎉32 Code Tutorials for Visual Learners 🖼

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!

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (10)

Collapse
 
naveed_hassan_7f63c8e0907 profile image
Naveed Hassan

It's really amazing

Collapse
 
hamisoptimistic profile image
Hamim

Great Resources man

Collapse
 
omak profile image
omak-oorzhak • Edited

Great collections! Thank you! But Big O Notation Visualized with Flowcharts and Docker Fundamentals are broken links

Collapse
 
weeqfy profile image
Weeqfy

Good job!

Collapse
 
usha_bothra_b53c1e61c8b54 profile image
Usha Bothra

Too good concept, appreciate hole wholeheartedly…

Collapse
 
gamingtech profile image
Scott

Docker Fundamentals returns a 404 for me?

Collapse
 
sebman56 profile image
Seb
Collapse
 
robertds07 profile image
Robert Damaceno

Big O returns 404

Collapse
 
henrique_marques profile image
Henrique Marques

O big returns 404 error

Cloudinary image

Video API: manage, encode, and optimize for any device, channel or network condition. Deliver branded video experiences in minutes and get deep engagement insights.

Learn more