The introduction of the OOP paradigm popularized key programming concepts such as Inheritance,...

Destructuring Objects Like destructuring arrays, destructuring objects helps you and makes your code...

In the last few years, one of the biggest sources of excitement and anticipation in the React community has been a tool known as React Compiler (previously React Forget). And for a good reason. The central premise of the Compiler is that it will improve the overall performance of our React apps. And

jQuery for was great and all, but Alpine.js simplifies tasks like data binding and DOM manipulation, providing using a more declarative and clear structure, making it ideal for smaller projects.

Here’s a thorough guide that covers everything you need to know to migrate your CommonJS project to ESM.

In this post we’ll be covering how you can use the fs module in Node.js to write to and modify files...

People talk about htmx as though it's saving the web from single-page apps. Well, I guess I missed the memo, because I used htmx to build a single-page app.

A blog about (mostly) computery things

One of the most foundational things to understand about JavaScript is that programs are made up of statements, and statements have slots for expressions. In this blog post, we'll dig into how these two structures work, and see how building an intuition about this can help us solve practical problems.

I just created a massive dataset of all the AI generated metadata of the videos of the WeAreDeveloper...

Should web developers and JavaScript library authors still transpile their code to ES5? This post looks at what the data suggests based on what popular libraries, tools, and websites are doing

Thoughts on web development, open source, software architecture, and the future.

The “Promises” API is a surprisingly tricky part of modern JavaScript. Without the right context, it doesn’t make much sense at all! In this tutorial, you’ll build an intuition for how Promises work by getting a deeper understanding of JavaScript and its limitations.

A collection of web development resources, tutorials, and tools.

Looking for the best meta web frameworks or static site generators? Our guide will help you choose the right tool for your web development needs.

A micro HTML/SVG render

A framework for web component frameworks

Have you heard of the Screen Orientation API? What about the Device Orientation API, Vibration API, or the Contact Picker API? Juan Diego Rodriguez is interested in these under-the-radar web features and discusses how they can be used to create more usable and robust progressive web apps if and when they gain broader support.

A state-of-the-art, high-performance JavaScript utility library with a small bundle size and strong type annotations.

Learn four groups of DOM methods and their uses to create responsive and dynamic webpages. A helpful DOM reference table is also included.

In an age of complicated front-end solutions, is there a simpler way of doing things? Spoiler alert: there is.

An arrow function expression is a compact alternative to a traditional function expression, with some semantic differences and deliberate limitations in usage:

Thanks for watching to me chat with Kevin about JavaScript and more! I’ve put together a ton of resources to help you dig deeper into building simpler, more resilient web experiences. Source Code Different ways to write functions The difference between var, let, and const An into to JavaScript Promises Get Daily Developer Tips Hate the complexity of modern front‑end web development? I send out a short email each weekday on how to build a simpler, more resilient web.

Slides of the talk “MPA View Transitions are here!” I gave at JSHeroes

Let's say you don't know JavaScript. You're a web designer and you're focused largely on UI and UX. Let's look at some things you could learn in a day that will give you that bang for the buck.

There are two main paradigms in programming: imperative and declarative. Every other paradigm, such as reactive, functional, and procedural, is just a subset of one of these two. Often, you hear that declarative code is better than imperative code an...

A practical and free way to teach Angular, React, and Vue all at once, so you can choose the right tool for the job and learn the underlying concepts in depth.

An array is like a queue where you can have zero, one or many values. The first value can be found at index 0, and others follow. An empty array, like a queue with no one in it, is written in JavaScript as `[]`. The `[` and `]` are the start and end markers, and items inside are separated by commas.For example, to make an array with the numbers 0 to 3, you write `[0, 1, 2, 3]`.