JavaScript
✨♻️ JavaScript Visualized: Event Loop
Last week we featured an article on the JavaScript Engine visualised. This week it another from the same series, but this time it's the JavaScript Event Loop. Understanding how the engine that runs your code works will undoubtedly make you a better developer, and this 'visualised' series makes these concepts really easy to digest.
5 JavaScript console logging methods - go beyond console.log
Every JS dev knows about console.log, but this article goes over some of the other logging methods available, including console.dir, console.table, console.group and console.time. Don't forget to check out the comments section, which has some extras.
Redwood: A JavaScript Framework Designed for Startups
Another week, another JS framework. This one might be a little different though. It's created by Tom Preston-Warner, the founder and ex-CEO of GitHub. Redwood has been quoted as trying to become the Rails of JavaScript, meaning it's a feature-rich and ready-to-go framework. Worth checking out.
9 Bad React Habits to Kick From Your Life
Although the title of this article is focused around React, most of the habits listed will cover other frameworks too, including Vue and Angular. I see plenty of these popping up in fairly big projects quite often, so it would be worthwhile a read.
Astro 1.0 is released
Astro is a JavaScript framework for creating fast websites. It's used by some big names, including Google, Trivago, The Guardian and IKEA. Version 1.0 has just been released, along with a new website for Astro. Astro is to be used alongside your existing toolset (Vue, React, etc), not instead of it.
PHP
Serverless PHP Applications on Digital Ocean Functions
Serverless is becoming more and more popular, but not many hosts support PHP natively. AWS has capabilities but only via a custom runtime or bref.sh, although Google Cloud Functions does support PHP. Digital Ocean also has support, and this article goes through a basic tutorial on how to get set up.
Python
How to Perform Motion Detection Using Python
This is a fairly basic tutorial that uses OpenCV and Pandas in Python to build a motion-detection app. The end product is a super basic program that can highlight moving objects. I find motion detection a very interesting topic, but the complexities of these sorts of programs scale very quickly. I did find this to be a good intro to the topic though.
Frontend
Modern CSS selectors
:has, :where, :in, :invalid, :required. CSS has changed a lot in the last few years, and it's about to get a bunch of new features. Have a read of what's coming soon to modern browsers, and what is already available.
Meet Skeleton: Svelte + Tailwind For Reactive UIs
Skeleton is a UI component library. It's built on top of Svelte using Tailwind. This article from Smashing Magazine introduces both Svelte and Tailwind - although I suspect most of you will know of both - but then goes on to show how you can implement Skeleton.
100 CSS loaders for your next project
Someone has made 100 different loading animations available for you to use. Each batch of these loader is available on CodePen for you to see how they're been built and to recycle into your own projects. Some of them are a little unusual, and most are different to your usual generic spinners.
Laravel
Laravel 9.23: New docs command, whereNot JSON assertions, quiet deletions, and lots more
The Laravel team released 9.23 with an artisan docs command, Vite support for CSP/SRI, a new fluent JSON assertion method and more. The docs command allows you to search and pull up documentation from the console via an artisan command in a very intuitive way.
Random
Software Engineer Interview: The Interview Study Guide For Software Engineers
This post has dozens of resources for software engineers who are wanting to revise for a potential interview. It includes lots of known tasks across many different disciplines. It's an interesting article, covering lots of topics, however there are a lot of interesting conversations in the comments around the topic of these sorts of interviews, and how they are often testing for skills never actually used in the job.
Comment
In this issue we've got the next instalment of the JavaScript visualised series, some (actually interesting) JavaScript frameworks, serverless PHP, and plenty more. If you have anything you think may be interesting let me know at [email protected].
Web Dev Weekly