As an infographic designer turned developer, I am always fascinated by effective visual explanations of programming concepts.
I will never forget the first time a key concept clicked for me in a heartbeat after reading this tweet:
Since then, I have been collecting visual resources to help me "get it" sooner than later. Here are my top 5 lifesavers:
1. Maggie Appleton's illustrated.dev
This is my go-to place for exploring a new framework, library, or programming language. The magical Maggie can always turn an abstract idea into something tangible and memorable, making it so enjoyable to digest.
I recently came across her behind-the-scene article, in which she explains the power of metaphors by using a powerful metaphor: Time is money.
"We often talk about time through the metaphorical frame of money: That delayed flight cost me an hour. Can I steal a few minutes of your time? I don't know if spending all day on that is worth my while."
Isn't it beautiful? That moment when art jumps in and explains science.
This is actually where I found Maggie's illustrations. If you're a fan of React.js and Redux, then you must have heard of Dan Abramov.
Believe me, it is a rewarding process. You might even get a personal tutorial from Dan himself if you follow through and leave some thorough feedback like I did :)
3. Amelia Wattenberger's Interactive Blog
Plus, who doesn't like lavender as the primary color?
4. Lydia Hallie's Visualized Series
Thanks to the DEV team's weekly top posts, I found my first Git commands tutorial, visualized.
5. Mosh's OOP Explained in 7 minutes
My final stop for the top list is YouTube, a de facto internet library for all things visual.
Sometimes I wonder if it's the brevity or the primary color (purple!) that draws me in.
These are my favorite visual gurus thus far. It is such a privilege to be accompanied by these beautifully-crafted resources in my coding journey. Couldn't have made it this far without them.