30-Days-Of-JavaScript VS flexboxfroggy

30 Days of JS

If you want to learn JavaScript, here are some resources you can use: Modern JavaScript Cheatsheet 30 Days Of JavaScript MDN Web Docs JavaScript

You can follow the repo 30 Days of JavaScript. Do it with your pace. 30 Days of JavaScript

Learn JavaScript Basics at https://codedamn.com/learn/javascript-basics seems to cover more than enough of the basics for someone to dip their toes and be able to keep the momentum going. Funny enough, I am doing it this very moment and it starts simple and gets more advanced as you go though it. The teaching approach is like learning a programming language for the first time, but given that the syntax is different, that can bes useful. An additional source would be https://github.com/Asabeneh/30-Days-Of-JavaScript which I will start doing later this week. Having the knowledge acquired from the aforementioned course as well as CS50 itself, the 30 Day JS would serve as an additional set of exercises to test and apply one's knowledge while learning a few more tricks during the process.

😎 Repos that make learning widely preferred JS a 30-day challenge -> JavaScript30 -> 30-Days-Of-JavaScript

30 Days of JavaScript Github Repo

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.