Javascript

Variables in Javascript allow only one data to be stored at a time. However, given that it is often...

The 'how' and 'why' of CORS, from start to finish.

Generate any random data you want with power of agile templates and save it to our servers for later use.

A few months ago, I saw someone one Twitter ask: Can we create an object by looping on some data 🤔 Today, I wanted to write about how to do just that. Let’s dig in! An example of some data Let’s imagine you got back an array of data from an API service called WizardSchool. It provided you with a list of wizards. Each wizard in the array is itself an object that contains the wizard’s name, and an array of spells that they know how to cast.

Today, I’ve got one last excerpt from my new pocket guide and video course on Serverless with vanilla JS. We’ll be looking at HTTP methods: what they are, and when to use which one. Let’s dig in! What are HTTP methods? HTTP methods are verbs that describe the type of request you’re making to an endpoint. The five most common are GET, POST, PUT, DELETE, and OPTIONS. GET - Retrieve data from an API endpoint.

In JavaScript, attaching an event listener to constantly fire a callback on scroll can be performance-intensive. But there is a better way with Intersection Observer.

A Beginner's Guide to The Intersection Observer API.

A guide to vanilla JavaScript code snippets — with resources and lightweight libraries to help you solve a problem without a large overhead or third-party dependencies.

In Table of Contents with IntersectionObserver on CSS-Tricks, Chris Coyier talks about sticky table of contents on long pages whose active state updates as you scroll. When talking about those, you can not not mention the wonderful Progress Nav by Hakim El Hattab. Final version of the progress nav! Switched to SVG and made it … Continue reading "Progress Nav with IntersectionObserver"

Functional programming is not a new approach to coding, but it has grown in popularity in recent years. This is because, once programmers understand the basics behind the technique (and are able to write clean and reliable code using it), applications written using a functional approach are much easier to

A guide to working with CSS animation and transition events.

DEV Community is great!

Event Delegation is an old trick to keep your JavaScript DOM enhancements independent of content

How to detect dark mode with JavaScript.

Using Proxies and subscriber functions, we can create an observable, reactive state system with a tiny footprint.

When writing code for the web, eventually you'll need to do some process that might take a few moments to complete. JavaScript can't really multitask, so

In this article, we will discuss ways browser events can be handled, default browser actions and event propagation.

This blog post was first published as a codelab at https://github.com/button/codelab-async-js. Asynchronous programming in Javascript has undergone several evolutions, from callbacks to promises to generators, and soon to async/await. While each evolution has made async programming a little bit easier for those knee-deep in Javascript, it has made it rather intimidating to those new to all the little nuances of each paradigm to understand how to apply each, and just as importantly, how it all works.

One term you might hear in the JavaScript world is "higher-order function." Today, we'll explore what it means to be a higher-order function and look at some examples in JavaScript!

📜 33 concepts every JavaScript developer should know. - leonardomso/33-js-concepts

There have been several excellent articles exploring how to use this API, including choices from authors such as Phil Hawksworth, Preethi, and Mateusz