Visual explanations of web development topics

get it

I spent countless hours struggling to learn basic (but challenging!) web development concepts like CSS positioning, callbacks and Model-View-Controller.

I felt that putting the analogy at the center of the lesson might be a better way to teach.

The tutorials use real-world concepts to explain web development.

  • Gabriel SoHappy
    Gabriel SoHappyEdtechpreneur

    Interesting approach


    A bit longwinded at times

    I like the concept and it has great potential for more! Briefly sampled some of the analogies and felt that it was a bit long-winded at times. In particular, for the variable analogy, had to scroll for quite a while to get to the end. It would be really awesome if it could be shortened!

    Thanks for building this, I'm keeping it on my watchlist!

    Gabriel SoHappy has used this product for one day.
  • Pros: 

    Great way to use your right brain to learn left-brained principles


    I haven't used it enough to find any

    I think this is a clever way to explain things for people who learn through different means. I only used it once but found it entertaining and it worked for me.

    VR Comrie has used this product for one day.
You need to become a Contributor to join the discussion.
Jacqueline von Tesmar
Jacqueline von Tesmar@jacqvon · Community at Product Hunt ⚡️
Hey @kevinkononenko, Have you tested this out on people learning CSS? How has it gone?
Kevin Kononenko
Kevin KononenkoMaker@kevinkononenko
@jacqvon Hey Jacqueline, I guess there are multiple ways to interpret "test"! I have posted the articles on Medium and gotten hundreds of thousands of views and now have a small email list. I have been turning the most popular written articles into interactive tutorials. The first three interactive tutorials were not successful, but people liked the 4th one! Would like to build more of those in future.
with something abstract, like programming, i find it helpful to use analogies when teaching or explaining concepts to those that are unfamiliar. CodeAnalogies does exactly this! wish this was around when i was teaching myself. @kevinkononenko which tutorial(s) do you recommend a beginner start with?
Kevin Kononenko
Kevin KononenkoMaker@kevinkononenko
@tomfme Tom, I would recommend the "JavaScript variables are like trucks" tutorial. It's something that you encounter on day 1 when learning JavaScript, but is actually very counterintuitive for newbies since it directly contradicts the way you use variables in math class.
Ashish Kumar
Ashish Kumar@ashfame · Maker of things!
Love this! I always use analogies to explain complicated subjects. Congrats on building this.
Kevin Kononenko
Kevin KononenkoMaker@kevinkononenko
@ashfame Thanks Ashish!
Graeme@graeme_fulton · Making and Letter 💌
cool idea! I don't see 🐸🐸🐸
Kevin Kononenko
Kevin KononenkoMaker@kevinkononenko
@graeme_fulton Hey Graeme, I am a big fan of Flexbox Froggy too! I made my own interactive Flexbox tutorial, though :)
Anthony Da Mota
Anthony Da Mota@akdm_ · I upvote things that matter.
Awesome! It's like ELI5 on Reddit but more advanced :D
Kevin Kononenko
Kevin KononenkoMaker@kevinkononenko
@akdm_ Haha thanks Anthony, yeah requires a littttle more reading...