Make whole web pages editable with document.designMode · bitspeicher.blog
_sortieren
Quick tip: using flatMap() to extract data from a huge set without having to write a loop
I just created a massive dataset of all the AI generated metadata of the videos of the WeAreDeveloper...
The State of ES5 on the Web
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
Deploying ES2015+ Code in Production Today — Philip Walton
Thoughts on web development, open source, software architecture, and the future.
Promises From The Ground Up
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.
Web Knowledge Hub by Bejamas
A collection of web development resources, tutorials, and tools.
Web Frameworks
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.
JavaScript Bloat in 2024
What is the average size of JavaScript code downloaded per website? Fuck around and find out!
The Framework Field Guide
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.
Exploring JavaScript (ES2024 Edition)
Uniting Web And Native Apps With 4 Unknown JavaScript APIs — Smashing Magazine
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.
uhtml
A micro HTML/SVG render
Ornament | Build your own frontend framework
A framework for web component frameworks
es-toolkit
A state-of-the-art, high-performance JavaScript utility library with a small bundle size and strong type annotations.
Exploring essential DOM methods for frontend development - LogRocket Blog
Learn four groups of DOM methods and their uses to create responsive and dynamic webpages. A helpful DOM reference table is also included.
Arrow function expressions - JavaScript | MDN
An arrow function expression is a compact alternative to a traditional function expression, with some semantic differences and deliberate limitations in usage:
Syntax Highlighting with no spans?!
When I think of showing off syntax highlighted code on the web, I think of code that takes in a string of code, finds relevant substrings (tokens) with elaborate RegExes, then wraps them in spa…
How to create your own CodePen clone with vanilla JavaScript
I’m working on a new project-based JavaScript course for beginners and aspiring developers.
In addition to a ton of projects, I wanted to include little mini-challenges with each lesson. And to do that, I want to include a code sandbox (like CodePen) right in the tutorial.
Rather than loading buckets of React like most libraries for this require, I decided to build my own. Let’s look at how!
An example challenge For example, imagine that you’ve just learned about the Array.
Welcome, Kevin Powell fans!
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.
MPA View Transitions are here! (2024.05.23 @ JSHeroes)
Slides of the talk “MPA View Transitions are here!” I gave at JSHeroes
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers – Frontend Masters Boost
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.
Differences between declarative and imperative programming
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...
Learning JavaScript Arrays
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]`.
What's the difference between JavaScript engines and JavaScript runtimes? - Human Who Codes
Runtimes and engines are often incorrectly referred to as the same thing.
How to Implement Micro Frontends Using SystemJS: A Comprehensive Guide
In the ever-evolving landscape of web development, the need for scalable, maintainable, and flexible...
JavaScript Promises Demystified | Blog | Andromeda Galactic Solutions
A deep dive into JavaScript promises and how to use them.
Using the Switch(true) Pattern in JavaScript - Seán Barry
Syntax Highlighting code snippets with Prism and the Custom Highlight API
Can you Syntax Highlight a code snippet on the web without overloading the DOM with a ton of span elements wrapped around the tokens? Thanks to the Custom Highlight API, you can!
wants to extract the all link from webppage. · Issue #2708 · microsoft/playwright
I have to implemented this function. var hyperlinks = await page.evaluate( () => { return document.links; }); web page has about 287 links but this function is returning a array of 287 element b...
JavaScript Module Systems - iO tech_hub
In this article, we are going to talk about different JS module systems, such as CommonJs, AMD, UMD, and ES Modules.