DEV Community

Cover image for 100+ JavaScript concepts, same app using 7 frameworks & CSS flex explained the right way
kapeel kokane
kapeel kokane

Posted on โ€ข Originally published at codesketched.substack.com

1

100+ JavaScript concepts, same app using 7 frameworks & CSS flex explained the right way

Hey there, fellow visual learner! ๐Ÿ™Œ๐Ÿพ

This is the post for the last week of November. Black friday is here and itโ€™s a great time to buy some of those development courses that you have been eyeing for a long time. Some lifetime deals on creator tools at the end of this newsletter.

Letโ€™s get started โณ

Let's get started

โถ 100+ JS concepts in less than 13 minutes

The Fireship YouTube channel put out a fantastic video explaining 100+ JavaScript concepts. How many of these concepts do you have a grip on?

โท Learn CSS Flex interactively

Josh Comeau released this excellent interactive CSS Flex tutorial on his blog. You can actually play around with the controls to tweak the flex parameters. Have fun!

โธ Compare 7 frameworks by building the same app

Builder.io published an article (extending some original work by Dan Shappir) where they compared the performance of 7 frameworks by building the same app. They test out React, Vue, Angular, Preact, and Svelte and compare them with Qwik's performance.

๐Ÿฅ FREE web development courses

In this weekโ€™s Twitter thread, we have Madza sharing some courses you could take to level up your web development. Click on the tweet below to check out the full thread. ๐Ÿ‘‡๐Ÿพ

๐ŸŽ Extra:

As this is the Black Friday/Cyber Monday weekend, here are some lifetime deals on creator tools that you might like:

โ‘  An AI image generator tool (similar to DALL-E).

โ‘ก A social media scheduler tool (similar to Buffer, Feedhive)

โ‘ข An AI-based writer tool for generating blog articles, product descriptions, and more.

That's it for today's edition. See you in the next one.

Cheers! ๐Ÿ™Œ๐Ÿพ

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where youโ€™ll build it, break it, debug it, and fix it. Youโ€™ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good olโ€™ AI to find and fix issues fast.

RSVP here โ†’

Top comments (0)

Sentry image

See why 4M developers consider Sentry, โ€œnot bad.โ€

Fixing code doesnโ€™t have to be the worst part of your day. Learn how Sentry can help.

Learn more

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay