karel VS flexboxfroggy

There are dozens of Karel clones. Mine is still maintained, but it requires installing Java: https://github.com/fredoverflow/karel

I found it https://github.com/fredoverflow/karel

https://github.com/fredoverflow/karel – a simple teaching environment for imperative programming basics

In a similar vein: Karel The Robot

Allow me to add one thing to this: Learning programming is great but the start with a "normal", complex programming language can be really frustrating and overwhelming. To get a good start without learning the syntax of a big language I highly recommend the Robot Karol/Karel Tools. It gives you a really good base of knowledge and if you get into it you will learn really fast how the most programming languages work. If someone is already familiar with the basics its okay to start with a normal language but I learned programming with this in school and I think its also great for people who want to learn it. Not only kids.

1- Github Karel Link: https://github.com/fredoverflow/karel

Flexbox Froggy: A game that teaches Flexbox concepts by positioning frogs on lily pads.

Flexbox Froggy: Learn CSS Flexbox by playing this game.

Flexbox is an important topic of CSS and you can learn it by playing a game called Flexbox Froggy. You can easily learn the properties of Flexbox while having some fun.

See https://flexboxfroggy.com/ https://cssgridgarden.com/ and maybe also https://flukeout.github.io/

Flexbox Froggy - An interactive game to learn and practice CSS Flexbox. Website: https://flexboxfroggy.com/

Flexbox Froggy

This started improving for me recently when I spent more time really learning flexbox and flexgrid. They are part of CSS so no installs needed. It’s a different way of thinking but I’m finally good enough with flexbox that I can tell when I need it and make productive use of it. Knowing these patterns makes a difference for me, since now I can assemble the blocks better than before when I’d just try mostly random css without any guiding principles.

Flexbox froggy helped a lot with some practical experience that translated fairly well to my regular work.

https://flexboxfroggy.com/

There are other games like this that I haven’t gotten to yet, including one for flexgrid. Once I clear all the levels in flexbox froggy I’m going to try the flexgrid game.

Then after that I’m going to spend time with bootstrap and tailwind since the last time I really used them was back in my more junior days when I barely knew anything at all about css.

Flexbox Froggy is an excellent resource for interactive learning.