Search
Explain the First 10 Lines of Twitter’s Source Code to Me
24.2.2022
For the past few weeks, I’ve been hiring for a senior full-stack JavaScript engineer at my rental furniture company, Pabio. Since we’re a remote team, we conduct our interviews on Zoom, and I’ve observed that some developers are not …
Explain the First 10 Lines of Twitter’s Source Code...
Detect Dark Mode Preference with JavaScript
21.2.2022
Seemingly every website, dapp, and app offers a dark mode preference, and thank goodness. Dark mode is especially useful when I’m doing late night coding, or even worse, trading into altcoins. I’m presently working on implementing a dark theme on MetaMask and it got me to thinking:...
Píšeme hru Wordle v Elmu
21.2.2022
O Elm už vyšlo na Zdrojáku několik tutoriálů. Dnes si ukážeme vytvoření aplikace. Konkrétně do Elm přepíšeme populární hru Wordle
Comparing Node JavaScript to JavaScript in the Browser
18.2.2022
Being able to understand Node continues to be an important skill if you’re a front-end developer. Deno has arrived as another way to run JavaScript outside the browser, but the huge ecosystem of tools and software built with Node mean …
Comparing Node JavaScript to JavaScript in the Browser...
9 New React and JavaScript Links for February 2022
12.2.2022
Every now and then, I find that I’ve accumulated a bunch of links about various things I find interesting. Like React and JavaScript! Here’s a list of nine links to other articles about them that I’ve been saving up and …
9 New React and JavaScript Links for February 2022 originally...
Replace JavaScript Dialogs With the New HTML Dialog Element
8.2.2022
You know how there are JavaScript dialogs for alerting, confirming, and prompting user actions? Say you want to replace JavaScript dialogs with the new HTML dialog element.
Let me explain.
I recently worked on a project with a lot of …
Replace JavaScript Dialogs With the New HTML Dialog...
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...
Offline stránka v PWA přes ServiceWorker
26.1.2022
Jak udělat web fungující offline. A splnit tak požadavky na PWA
Závislé selectboxy elegantně v Nette a čistém JavaScriptu
25.1.2022
Jak vytvořit provázané selectboxy, kdy po volbě hodnoty v jednom se dynamicky načtou volby do druhého? V Nette a čistém JavaScriptu jde o snadnou úlohu. Ukážeme si řešení, které je čisté, znovupoužitelné a bezpečné
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 …