Today I learned about Array.prototype.fill and friends. You can use the method to fill an array with values, or create a new array filled with values. Pitfall: if you fill a new array with a value that is an object, each slot in the array will reference that object. const newArr = Array(4).fill([]) > [[], [], [], []] newArr[1].push(8) > 1 newArr > [[8], [8], [8], [8]] Further Reading MDN: Array.

I’ve learned lots of useful concepts and techniques from courses on Udemy. Most of my programming education stems from free resources like Udemy, Coursera, or edx. Udemy courses are very cheap. The platform often runs sales around USD $10. The course quality differs. You will get everything from crappy material to incredible lessons that will teach you invaluable skills. I’ve completed dozens of courses. Tutorial hell is real. Remember to put in the work and practice a lot.

I’ve started learning about Deno. My first impressions are positive. I like how I can load dependencies with URLs. I especially like the combination of usingA CDN like pika.dev or unpkg which mirror tons of GitHub repos. If a module offers an ESM JavaScript file, you can load it with Deno. For example, load Rambda (the smaller alternative to the functional programming library Ramda): import * as R from 'https://unpkg.com/rambda@^5.6.1/dist/rambda.esm.js' Deno also offers tons of functionality out of the box, e.

Postman or Insomnia are popular GUI tools to explore and create HTTP requests for working with APIs. But did you know that you can use a simpler and still powerful alternative on the terminal? Of course, I’m talking about curl! Or in my case, rather curlie, the “interface of HTTPie with the features of curl". To be fair, Postman and Insomnia offer more features like automated testing, workspaces, designing & mocking interfaces, etc.

Two days ago I stumbled over SolidJS, a UI library for JavaScript. Solid is a declarative Javascript library for creating user interfaces. It does not use a Virtual DOM. Instead it opts to compile its templates down to real DOM nodes and wrap updates in fine grained reactions. This way when your state updates only the code that depends on it runs. Solid is a new contender in the saturated space of front-end libraries like React, Vue or Svelte.

You can use CSS attribute selectors to target HTML elements. Let’s say you have this HTML snippet: <img alt="myPicName" src="/" /> <img alt="anotherPicName" src="/" /> You can style the first image by targeting the alt attribute and without changing the second image element. img[alt='myPicName'] { width: 100px; } When you use square brackets in HTML, it means something different: you group classes with square brackets. The brackets have no meaning, they are used for clarity.