100-days-of-code VS flexboxfroggy

Thinking about doing the #100DaysOfCode Challenge on X/Twitter? Well, you've come to the right place!

#100DaysOfCode Official Website | #100DaysOfCode

100 Days of Code Challenge is an initiative I am commiting to take, where I will be spending each day working on problem solving and personal projects to improve my skills and push my boundaries.

I'm participating in the #100DaysOfOSS challenge by OpenSauced. Inspired by the #100DaysOfCode challenge, #100DaysOfOSS is a challenge for everyone interested in open source to learn about open source, contribute, or maintain open source projects over 100 days, starting on July 24th.

Inspired by the great work of the #100DaysOfCode challenge, we're launching #100DaysOfOSS, starting July 23rd, and running through the end of Hacktoberfest, October 31.

When I started to learn Python, I joined #100DaysOfCode challenge on Twitter. Strangers supported me under my daily tweets and this helped me build a daily habit of coding. If I do something hard, I will need someone who cares and will cheer me up. It’s more important than it seems.

Here is the official site: https://www.100daysofcode.com/

So you're should be thinking: why I entered on the #100daysofcode challenge? Very simple: I'm a newbie in a lot of technologies and concepts. I focused all this time to learn PHP and Laravel, Linux and other stuffs to get a job and enter the market but now I have a new challenge to move on.

There's also -- https://www.100daysofcode.com/ -- I haven't explored their resources or curriculum tbh, but they seem to understand the importance of community.

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.