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!
More...
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!
More...