> Markdown version of [/magazine/408-dev-digest-109-egg-citing-things](https://www.wearedevelopers.com/magazine/408-dev-digest-109-egg-citing-things). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Dev Digest 109 -Egg-citing things… **By:** [Chris Heilmann](https://www.wearedevelopers.com/@chris-heilmann) **Published:** April 1, 2024 As we are heading into the Easter break, here are some things to spend some time on. There's resources on improving the performance of your code and you hear from the winners of CODE100 Amsterdam what it was like to be on stage. Also, hang tight as the next edition of CODE100 is coming real soon and it's not on Easter island, but on an island nonetheless. And we have a new challenge! ## News and Articles A lot of interesting things happened lately. https://www.youtube.com/embed/lm9a9R9P6uc?start=3 - **Github** [have a new code scanning feature that automatically fixes your code](https://github.blog/2024-03-20-found-means-fixed-introducing-code-scanning-autofix-powered-by-github-copilot-and-codeql/) based on [CodeQL](https://codeql.github.com/). - **Google** [merges Angular and Wiz](https://twitter.com/sarah_edo/status/1770478763253379488) and you may not have heard of the second one, but it powers a lot of Google services. - **Redis** is a tricky one. On the one hand it is an open source project praised for its [outstanding documentation](https://johnjago.com/great-docs/) but its new [Dual Source-Available Licensing](https://redis.com/blog/redis-adopts-dual-source-available-licensing/)is a huge change and people even call it [the biggest heist in open source history](https://www.gomomento.com/blog/rip-redis-how-garantia-data-pulled-off-the-biggest-heist-in-open-source-history). **Platform news** : - **PWAs** now get a [Badging API](https://developer.chrome.com/docs/capabilities/web-apis/badging-api) allowing you to show unreads and the like. Google even has a [live demo](https://badging-api.glitch.me/) to try it out. - **Node.js** should [support require() in modules](https://github.com/nodejs/node/pull/51977)! **Joyee Cheung** [wrote about it in detail](https://joyeecheung.github.io/blog/2024/03/18/require-esm-in-node-js/) and why it took so long. **Talking about JavaScript runtimes** : ![__wf_reserved_inherit](https://wearedevelopers.imgix.net/public/magazine/articles/408/images/66055a5096c8cee2305e1a17_runtimecompat.png?w=720&fit=max&dpr=2&auto=format) What is your favourite? Guess what, there's a new one on the horizon as [**Isaac Z. Schlueter**](https://twitter.com/izs), [**Darcy Clarke**](https://twitter.com/darcy) and [**Ruy Adorno**](https://twitter.com/ruyadorno) band together to fix [the massive bug at the heart of the npm ecosystem](https://blog.vlt.sh/blog/the-massive-hole-in-the-npm-ecosystem) we reported here.You may remember **Ryan Dahl** doing [a similar thing with Deno](https://stackoverflow.blog/2024/03/19/why-the-creator-of-node-js-r-created-a-new-javascript-runtime/). But what does that mean for us as developers? We probably will have to worry about inter-runtime compatibility as much as we needed to when there were lots of different browsers. Good news is that **Matt Kane** put together a gorgeous [Runtime compatibility dashboard](https://runtime-compat.unjs.io/) we can use much like [caniuse](https://caniuse.com/). **And in security news:** Germany warns about [17K vulnerable Microsoft Exchange](https://www.bleepingcomputer.com/news/security/germany-warns-of-17k-vulnerable-microsoft-exchange-servers-exposed-online/)[servers](https://www.bleepingcomputer.com/news/security/free-vpn-apps-on-google-play-turned-android-phones-into-proxies/), and [many free VPN apps are Trojans](https://www.bleepingcomputer.com/news/security/free-vpn-apps-on-google-play-turned-android-phones-into-proxies/). ## Code and Tools ### CODE100 puzzle: #BuntStattBraun ‍ ![buntstattbraun](https://wearedevelopers.imgix.net/public/magazine/articles/408/images/6605470da05937fb11fca989_buntstattbraun.gif) ‍ This time we have a puzzle for you to filter out all brown hearts from a pile. You can check the [README](https://devrel.wearedevelopers.com/code100-puzzles/023-bunt-statt-braun/) here or try your luck directly in this [Codepen](https://codepen.io/codepo8/pen/NWmpJqe) or [Gist](https://gist.github.com/codepo8/f860816f98ea8ac47d722968f829e690). Packing your Easter basket with lots of goodies this time. Let's start with some code performance bits. **Rom Grk** wrote a long instruction on [optimising Javascript for fun and for profit](https://romgrk.com/posts/optimizing-javascript), **Cassie Gatton** explains how to [optimise JavaScript Bundle Sizes](https://about.codecov.io/blog/improve-web-performance-by-optimizing-javascript-bundle-sizes/) and [Jampack is a tool that improves static websites](https://github.com/divriots/jampack) to get great Core Web Vitals scores. Furthermore, some **SQL** tools: [SQL Formatter pretty-prints SQL queries](https://github.com/sql-formatter-org/sql-formatter) and [SQL workbench isn an interactive playground](https://sql-workbench.com/) without wiping Little Bobby Tables **Spotlight on /Regular Expres\sions/:** ‍[Regexper](https://regexper.com/) is a tool to visually display regular expressions to understand them better. In Python, [the character “$” doesn’t mean “end-of-string”](https://sethmlarson.dev/regex-%24-matches-end-of-string-or-newline) and here is the interesting story [why regexes use $ and ^ as line anchors](https://buttondown.email/hillelwayne/archive/why-do-regexes-use-and-as-line-anchors/). Last but not least, learn about [Machine Learning Use Cases in Web Development.](https://www.noupe.com/development/machine-learning-in-web-development-use-cases-and-implementation-strategies.html) # Videos and talks ![Patrick van Rietschoten & Martijn Imhoff](https://wearedevelopers.imgix.net/public/magazine/articles/408/images/6605470eadeccea3c962dc95_Patrick_van_Rietschoten_&_Martijn_Imhoff.png?w=720&fit=max&dpr=2&auto=format) **Patrick van Rietschoten** and **Martijn Imhoff** are the winners of CODE100 Amsterdam! In this chat they relive the finale, discuss solution strategies, and talk about handling the pressure. With another CODE100 coming soon, [this should help.](https://youtu.be/UTHgWfCimWY) Here are some more videos from our archives: - **Florian Rappl** - [Micro Frontends & Island Architectures (1h)](/videos/872-multiple-ships-to-the-island-micro-frontends-island-architectures) - **Rainer Stropek** - [Wasm Deep Dive - A Glance Behind the Scenes (1h)](/videos/871-wasm-deep-dive-a-glance-behind-the-scenes) - **Irina Anastasiu** - [What makes a great Software Engineer?](/videos/863-what-makes-a-great-software-engineer-challenging-our-assumptions-instead-of-talking-about-imposter-syndrome)[(1h)](/videos/872-multiple-ships-to-the-island-micro-frontends-island-architectures) - **Paul Graham** - [Paul Graham - Accelerating Python on GPUs](/videos/859-accelerating-python-on-gpus)[(1h)](/videos/872-multiple-ships-to-the-island-micro-frontends-island-architectures) [Access the full WeAreDevelopers talk archive](https://www.wearedevelopers.com/en/videos) Work and Jobs The big news in the work world is that **Glassdoor** , a site to "anonymously" report salaries and job info now [demands real names of users](https://www.wired.com/story/glassdoor-wants-to-know-your-real-name/), and, worse, [added real names without consent](https://arstechnica.com/tech-policy/2024/03/glassdoor-adding-users-real-names-job-info-to-profiles-without-consent/). Makes you wonder if **Blind** will do the same soon. **Baldur Bjarnason** collected a huge and [insightful post about the web developer job marke](https://www.baldurbjarnason.com/2024/the-one-about-the-web-developer-job-market/)t and **Ben Rogojan** wrote about [building a career you enjoy as an engineer](https://seattledataguy.substack.com/p/how-to-build-a-career-you-enjoy-as?r=2bjtip). ## Procrastination Corner / Wonderful Weird Web - **Andrew Chen** [has a great tutoria](https://andrewkchan.dev/posts/fire.html)l on the math, algorithms, and methods involved in simulating fluids like fire and smoke in real-time. - [The world at this very moment](https://webcamaze.engineering.zhaw.ch/watchingtheworld/) is a collection of 100k+ webcams. - [Checkers on a wobbly board](https://polyreplay.com/checkerstwist) is harder than it looks. - [Riddler](https://www.riddler.game/) change one letter in a word to make a new one. ## Related Articles - [Dev Digest 106 - DHH in HD](https://www.wearedevelopers.com/magazine/394-dev-digest-106-dhh-in-hd) - [Dev Digest 113 - Debugging above the cloud](https://www.wearedevelopers.com/magazine/422-dev-digest-113-debugging-above-the-cloud) - [Dev Digest 101 - the XXX edition](https://www.wearedevelopers.com/magazine/382-dev-digest-101-the-xxx-edition) - [Dev Digest 105 - Security First](https://www.wearedevelopers.com/magazine/393-dev-digest-105-security-first) ## Related Videos - [WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe](https://www.wearedevelopers.com/videos/2132-wearedevelopers-live-code100-at-wearedevelopers-europe) - [Dev Digest End of Year Recap](https://www.wearedevelopers.com/videos/1284-dev-digest-end-of-year-recap) - [WeAreDevelopers LIVE – Keeping Up with Styles, Data & More](https://www.wearedevelopers.com/videos/1803-wearedevelopers-live-keeping-up-with-styles-data-more) - [WeAreDevelopers LIVE - Back to CODE100](https://www.wearedevelopers.com/videos/1909-wearedevelopers-live-back-to-code100) ## Related Jobs - [Senior Software Engineer](https://www.wearedevelopers.com/jobs/ext/15942-senior-software-engineer) at **GitHub** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/679408-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/683045-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/646086-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/356601-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/639235-remote-senior-full-stack-engineer) at **Edge Impulse**