Search

Nalezeno "Javascript": 817

JavaScript Class Privates

1.2.2022
One of my aspects of JavaScript that drew me to it as a young developers was that its syntax was loose and I could code quickly. As you gain experience as an engineer, you start to realize that some traditional coding structure is a good thing, even if it slows you down. Using Jest or […] The...

The Relevance of TypeScript in 2022

31.1.2022
It’s 2022. And the current relevance of TypeScript is undisputed. TypeScript has dominated the front-end developer experience by many, many accounts. By now you likely already know that TypeScript is a superset of JavaScript, building on JavaScript by adding … The Relevance of TypeScript...

Demystifying TypeScript Discriminated Unions

27.1.2022
TypeScript is a wonderful tool for writing JavaScript that scales. It’s more or less the de facto standard for the web when it comes to large JavaScript projects. As outstanding as it is, there are some tricky pieces for the … Demystifying TypeScript Discriminated Unions originally published...

How to Cycle Through Classes on an HTML Element

26.1.2022
Say you have three HTML classes, and a DOM element should only have one of them at a time: <div class="state-1"</div<div class="state-2"</div<div class="state-3"</div Now your job is to rotate them. That is, cycle through classes … How to Cycle Through Classes on...

How to Make a Scroll-Triggered Animation With Basic JavaScript

25.1.2022
A little bit of animation on a site can add some flair, impress users, and get their attention. You could have them run, no matter where they are on the page, immediately when the page loads. But what if your … How to Make a Scroll-Triggered Animation With Basic JavaScript originally...

Context-Aware Web Components Are Easier Than You Think

21.1.2022
Another aspect of web components that we haven’t talked about yet is that a JavaScript function is called whenever a web component is added or removed from a page. These lifecycle callbacks can be used for many things, including making … Context-Aware Web Components Are Easier Than You Think...

What the Heck is Node?

20.1.2022
(This is a sponsored post.) Here’s what you need to know about Node.js (or simply Node) and how it relates to npm right off the bat: Node is JavaScript, but as a server-side language. This is possible because of … What the Heck is Node? originally published on CSS-Tricks. You should...

Immediately Executing setInterval with JavaScript

14.1.2022
Employing setInterval for condition polling has really been useful over the years. Whether polling on the client or server sides, being reactive to specific conditions helps to improve user experience. One task I recently needed to complete required that my setInterval immediately execute and then...

Adding Vite to Your Existing Web App

11.1.2022
Vite (pronounced “veet”) is a newish JavaScript bundler. It comes batteries-included, requires almost no configuration to be useful, and includes plenty of configuration options. Oh—and it’s fast. Incredibly fast. This post will walk through the process of converting an existing … Adding...

CSS-Based Fingerprinting

3.1.2022
Fingerprinting is bad. It’s a term that refers to building up enough metadata about a user that you can essentially figure out who they are. JavaScript has access to all sorts of fingerprinting possibilities, which then combined with the IP … CSS-Based Fingerprinting originally...

JavaScript S

27.12.2021
Replacing a substring of text within a larger string has always been misleading in JavaScript. I wrote Replace All Occurrences of a String in JavaScript years ago and it’s still one of my most read articles. The confusion lies in that replace only replaces the first occurrence of a substring...

Why Ember?

22.12.2021
There was a time when I’d write React, Angular, and Ember as a kind of generic grouping of three major JavaScript frameworks. And maybe just because three is a nice number, that became React, Vue, and Angular over time, thanks …

Be Prepared for Failure and Handle it Gracefully

20.12.2021
When I was working at my first “real” job in the field in the mid-2000s, it was hammered in the web dev field to build tiny websites (no more than 100KB per page), only use JavaScript for special effects, and …

navigator.clipboard API

13.12.2021
Reading from and writing to the user’s clipboard can be both a very useful and dangerous capability. Used correctly and it’s a huge convenience to the user; used dubiously and the user could suffer catastrophic consequences. Imagine a wrong account number or wallet address being copied...

Eye Droppin’

9.12.2021
Quick hits! There is a new web API called EyeDropper: if ('EyeDropper' in window) { const eyeDropper = new EyeDropper(); try { // This has gotta be triggered by a user interaction, // so consider this pseudo-code. const result …

The Invisible JavaScript Backdoor

8.12.2021
An interesting (scary) trick of an nearly undetectable exploit. Wolfgang Ettlinger: What if a backdoor literally cannot be seen and thus evades detection even from thorough code reviews? I’ll post the screenshot of the exploit from the post with the …

The Many Faces of VS Code in the Browser

18.11.2021
VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it’s mostly used a local app that’s installed on your machine. That’s starting to shift, though, as there has been an absolute explosion of … The post The Many Faces of VS Code in...

Array.prototype.at

8.11.2021
Working with arrays is an essential skill in any programming language, especially JavaScript, as we continue to rely on external data APIs. JavaScript has added methods like find and `findIndex recently, but one syntax I love from languages like Python is retrieving values by negative indexes. When...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace