Sunset Drinks
Discoveries

Discoveries #26 - JavaScript HowTo's

Over time, everyone accumulates links somewhere about procedures that one has not yet internalized. This is also the case with me and JavaScript development. “Damn … what was that about Call | Proxy | Map | <You name it>?!”. Here are 11 of them …

  • Processing images with sharp in Node.js
  • Use console.log() like a pro!
  • Simple Swipe with Vanilla JavaScript
  • The File System Access API: simplifying access to local files
  • An introduction to WebAssembly for JavaScript Developers
  • Getting Started with the Map and Set Typed Collections
  • JavaScript Currying: A Practical Example
  • How to Use the Call, Apply, and Bind Functions in JavaScript
  • How JavaScript's Proxy Object Works
  • JavaScript waitFor Polling
  • How to measure page loading time with Performance API

Processing images with sharp in Node.js

by Pascal Akunne 
https://blog.logrocket.com/processing-images-sharp-node-js/

Whenever images are to be processed in a NodeJS application, one is well advised to use the Sharp library. Pascal introduces the most important functions in his article.

Processing images with sharp in Node.js

Use console.log() like a pro!

by Marko Denic 
https://denic.hashnode.dev/use-consolelog-like-a-pro

Using console.log() for JavaScript debugging is the most common practice among developers. But, there is a lot more, as Marko shows us.

Use console.log() like a pro!

Simple Swipe with Vanilla JavaScript

by Ana Tudor 
https://css-tricks.com/simple-swipe-with-vanilla-javascript/

This 2018 article by Ana walks you step-by-step through implementing swipe gestures using an image gallery example with the least amount of code she could think of.

Simple Swipe with Vanilla JavaScript

The File System Access API: simplifying access to local files

by Thomas Steiner & Pete LePage 
https://web.dev/file-system-access/

The File System Access API allows web apps to read or save changes directly to files and folders on the user's device. Thomas and Peter, both working at Googles Chrome team, show us with examples how this works.

The File System Access API: simplifying access to local files

An introduction to WebAssembly for JavaScript Developers

by Pascal Pares 
https://pascalpares.appspot.ovh/webassembly-for-javascript-developers/

Pascals article from 2021 is based on the specs of WebAssembly from 2019 and is very useful as an introduction for JavaScript Developers, because it includes a lot of sample code.

An introduction to WebAssembly for JavaScript Developers

Getting Started with the Map and Set Typed Collections

by Robert Laws 
https://javascript.plainenglish.io/javascript-getting-started-with-the-map-and-set-typed-collections-2ba173b0ce9f

JavaScript has not only the classic arrays to offer, but also other objects for collecting data. Robert has a brief description of Set and Map.

Getting Started with the Map and Set Typed Collections

JavaScript Currying: A Practical Example

by Karthick Ragavendran 
https://javascript.plainenglish.io/javascript-currying-practical-example-512cf1099e81

In mathematics and computer science, currying is the technique of converting a function that takes multiple arguments into a sequence of functions, each of which takes a single argument … a better description than Karthick’s introduction I could not think of either

JavaScript Currying: A Practical Example

How to Use the Call, Apply, and Bind Functions in JavaScript

by Keyur Paralkar 
https://www.freecodecamp.org/news/understand-call-apply-and-bind-in-javascript-with-examples/

Call, Apply and Bind are not so common in daily JavaScript development, but they are useful tools because they can be used to change the execution context, as Keyur shows us.

How to Use the Call, Apply, and Bind Functions in JavaScript

How JavaScript's Proxy Object Works

by Keyur Paralkar 
https://www.freecodecamp.org/news/javascript-proxy-object/

Again Keyur. In this post he goes into detail about the proxy object, helps you create another object on behalf of the original object, to get more control over the interaction with the original object

How JavaScript's Proxy Object Works

JavaScript waitFor Polling

by David Walsh 
https://davidwalsh.name/waitfor

By now, every JavaScript developer should be familiar with asynchronous programming using async/await and Promises. But there are use cases where polling makes more sense, as David shows.

JavaScript waitFor Polling

How to measure page loading time with Performance API

by Silvestar Bistrović 
https://www.silvestar.codes/articles/how-to-measure-page-loading-time-with-performance-api/

MDN recommends using the Performance API to gauge the performance of websites and web applications. It’s useful to show how much time did it take to load a page.

How to measure page loading time with Performance API

Syndication

You can interact with this article (applause, criticism, whatever) by mention it in one of your posts or by replying to its syndication on Mastodon, which will be shown here as a Webmention.

In case your blog software can't send Webmentions, you can use this form or send it manually via webmention.app or Telegraph:

Webmentions

No Webmentions yet...

Related