The Event Loop, Web APIs, and (Micro)task Queue Visualized  - https://www.youtube.com/watch?v=eiC58R16hb8

#javascript

Creating Realistic Handwriting with p5.js

Amy wanted to programatically bring her (cursive) handwriting into some diagrams she was making and figured out how to make it happen with p5.js. - https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript

#javascript

ECMAScript 2023 Feature: Symbols as WeakMap keys

Dr. Axel continues his look at language features by explaining what WeakMaps are for and why using symbols for keys has added benefits. - https://2ality.com/2024/05/proposal-symbols-as-weakmap-keys.html

#javascript

45 JavaScript Super Hacks Every Developer Should Know

JavaScript is a versatile and powerful language that is essential for modern web development. Here are 100 super hacks that will make you a more efficient and effective JavaScript developer, with detailed explanations and examples for each one. - https://blog.devgenius.io/45-javascript-super-hacks-every-developer-should-know-92aecfb33ee8

#javascript

Promises from the Ground Up

Josh notes that in order to truly understand promises, a fundamental part of modern JS development, we need “a surprisingly deep understanding of how JavaScript works and what its limitations are”. Luckily, this tutorial covers all the critical context you need. - https://www.joshwcomeau.com/javascript/promises/

#javascript

As a Frontend Dev, Don’t You Even Know How to Use Symbol?

Symbol is one of the primitive data types in JavaScript, it represents a unique, immutable value, usually… - https://javascript.plainenglish.io/as-a-frontend-dev-dont-you-even-know-how-to-use-symbol-a7111b08a899

#javascript

TC39 Meets Again and Advances Key Proposals

The Ecma TC39 group that pushes forward the development of ECMA/JavaScript met again this week and moved several key proposals forward, including Deferred Import Evaluation, Error.isError(), RegExp escaping, and Promise.try. - https://socket.dev/blog/tc39-advances-key-proposals

#javascript

Using the Page Visibility API

Set up event listeners to do things when page visiblity changes. - https://developer.mozilla.org/en-US/blog/using-the-page-visibility-api/

#javascript

A Look at JavaScript's New Set Methods

Finding the intersection, union, and difference between sets, among other set-related tasks, is now a piece of cake. Available in Node 22+, Chrome/Edge 122+, Firefox 127+, Safari 17+, and now considered a 'baseline' feature. - https://developer.mozilla.org/en-US/blog/javascript-set-methods/

#javascript

BWIP-JS: A Barcode Writer in Pure JavaScript

A library that can generate barcodes using over 100 different barcode types and standards, both single and two dimensional. There is, of course, a live demo where you, too, can discover far more types of barcodes exist than you ever imagined. - https://github.com/metafloor/bwip-js

#javascript

How to Annul Promises in JavaScript

You can 'cancel' XHR and fetch requests, but can you cancel regular promises? Currently, no, but Zachary looks into doing the next best thing: telling a promise the game's up, and discarding/ignoring its eventual results. - https://webdeveloper.beehiiv.com/p/cancel-promises-javascript

#javascript

JavaScript Interview Questions in 2024

Do you know the answers? - https://levelup.gitconnected.com/javascript-interview-questions-in-2024-from-an-interviewer-3034aca4993f

#javascript

JS Explained: Symbol.dispose and Symbol.asyncDispose

Unlock the secrets of Symbol.dispose and Symbol.asyncDispose for effective resource management in JavaScript. - https://medium.aegis-techno.fr/js-explained-symbol-dispose-and-symbol-asyncdispose-cdd48c7d7f4b

#javascript

5 amazing new JavaScript features in ES15

5 juicy ES15 features with new functionality for cleaner and shorter JavaScript code in 2024. - https://medium.com/coding-beauty/es15-javascript-features-fc2d1f7a00ce

#javascript

You're Probably Using Nuxt Wrong

This video explains the difference between useFetch and useAsyncData in Nuxt. It also provides a decision tree to help you choose the right option for your project. - https://www.youtube.com/watch?v=b1S5os65Urs

#vue

In-Depth Exploration of JavaScript Execution Context

Whether you are a JavaScript beginner or expert, whether for a job interview or daily development work, we… - https://blog.stackademic.com/in-depth-exploration-of-javascript-execution-context-82974bb068c7

#javascript

Manipulating Dates with Day.js

Calendar Time and Date-Time Difference
Day.js is a JavaScript library that lets us manipulate dates in our apps. - https://javascript.plainenglish.io/manipulating-dates-with-day-js-calendar-time-and-date-time-difference-1b2751a4f5dd

#javascript

Exploring JavaScript Symbols

Symbols were a new ‘quirky little primitive’ (as Trevor puts it) that arrived with ES6 ten years ago, but they continue to be poorly understood. Trevor boils them down really well, including a little side quest into the likely-to-be-deprecated ‘species.’ - https://www.trevorlasn.com/blog/symbols-in-javascript

#javascript

My new favorite way to build apps…

NuxtHub is a new way to deploy your Nuxt apps built by NuxtLabs. This video provides an introduction to NuxtHub and what it offers to building Nuxt applications - https://www.youtube.com/watch?v=hlmPqDkc3_s

#vue

JavaScript Design Pattern

Factory Method - https://medium.com/unlearninglabs/javascript-design-pattern-factory-method-f3ff06c99339

#javascript