CodeAnalogies

CodeAnalogies

Explanations of common CSS and JavaScript

4 followers

Visit website
•
•
Learn the basics of web development with unforgettable tutorials Fully understand JavaScript and CSS concepts using memorable analogies and imagery. Eliminate hours of trial and error and guessing.
CodeAnalogies gallery image
CodeAnalogies gallery image
CodeAnalogies gallery image
CodeAnalogies gallery image
Launch tags:Education•Tech
Launch Team
Anima - Vibe Coding for Product Teams
Build websites and apps with AI that understands design.
Promoted

What do you think? …

Jacqueline von Tesmar
Product Hunt
Hey @kevinkononenko, Have you tested this out on people learning CSS? How has it gone?
Kevin Kononenko
CodeAnalogies
Maker
@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.
tom meagher
Mute.vc
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
CodeAnalogies
Maker
@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. https://medium.freecodecamp.org/...
Ashish Kumar
SSL Alerts
Love this! I always use analogies to explain complicated subjects. Congrats on building this.
Kevin Kononenko
CodeAnalogies
Maker
@ashfame Thanks Ashish!
Graeme
cool idea! I don't see http://flexboxfroggy.com/ 🐸🐸🐸
Kevin Kononenko
CodeAnalogies
Maker
@graeme_fulton Hey Graeme, I am a big fan of Flexbox Froggy too! I made my own interactive Flexbox tutorial, though :)
HUSSEIN KIZZ
Duotone VS Code Theme
Oh this is cool, there the 8 buffalo anology for writting clean code, add it please!
Gabriel SoHappy

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!

Pros:

Interesting approach

Cons:

A bit longwinded at times

Kevin Kononenko
CodeAnalogies
Maker
Thanks Gabriel!
VR Comrie

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.

Pros:

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

Cons:

I haven't used it enough to find any

Kevin Kononenko
CodeAnalogies
Maker
Thanks VR!
12
Next
Last