#javascript
Lace - 2023 September 27
(IMG)
#openSource #javaScript #generatedArt #art
https://edward.delaporte.us/art/live/lace/
Updates to my Mix and Match script
(IMG)
#openSource #javaScript #generatedArt #art
https://edward.delaporte.us/blog/mix/changelog/
Une explication détaillée et claire de la façon dont le système de prototype de JavaScript fonctionne. Lecture requise si vous développez en JS, que ce soit dans le navigateur ou avec Node et consorts.
Inheritance and the prototype chain - JavaScript | MDN
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain
#javascript #goodpractice — https://links.kalvn.net/shaare/sBNVrA
Une sorte de SDK non-officiel pour YouTube, en JavaScript.
> A full-featured wrapper around the InnerTube API
> InnerTube is an API used by all YouTube clients. It was created to simplify the deployment of new features and experiments across the platform 1. This library manages all low-l…
GitHub - LuanRT/YouTube.js: A wrapper around YouTube's internal API — reverse engineering InnerTube
https://github.com/LuanRT/YouTube.js
#youtube #sdk #javascript #lib — https://links.kalvn.net/shaare/HMUUkg

Un très bon article (écrit il y a 2 ou 3 ans je pense, en réalité) qui revient sur l'historique de JavaScript et sur la raison marketing derrière certains choix.
L'article revient notamment sur l'aspect "Prototype" de JavaScript qui est souvent incompris et camouflé derrière ce qu'on appelle du "syntactic sugar".
How Marketing Changed OOP In JavaScript — Smashing Magazine
https://www.smashingmagazine.com/2023/12/marketing-changed-oop-javascript/#if-only-javascript-embraced-its-prototypes
#javascript #histoire — https://links.kalvn.net/shaare/fnQ2MQ
@nixCraft #Mojolicious for #Perl, because it combines maximum power with maximum whipitupitude: https://mojolicious.org
There is also a #JavaScript (via #TypeScript, natch) flavor: https://mojojs.org
/cc @mojolicious
@stefan @cybeardjm @cheeaun Since just over a month, all major desktop and mobile browsers should support this (first browser started supporting it in April 2023). So it is still fairly new and polyfills are required for older browsers.
Edit: I thought the article had mentioned polyfill. But it didn't. And it seems hard to polyfill this. So, your code still needs fallbacks 😕
#UnicodeSets #Unicode #RegEx #JavaScript
https://caniuse.com/mdn-javascript_builtins_regexp_unicodesets

I probably turned somewhere wrong direction, if buggy #javascript of #mastodon keeps loading bullshit to my feed.
Waku-Waku excited to share my latest achievement! A React Server Components app built with Waku runs on Cloudflare Workers! Can you guess the challenges I faced?
https://waku-counter.muddy-unit-2d56.workers.dev/
This is my first time using Cloudflare Workers, so please forgive me for any possible misunderstanding.
Note that it doesn't use Node compatibility flag.
I haven't released this new version yet. Stay tuned.
The bundle .NET 5.0 by Dr. Holger Schwichtenberg (MVP) is on sale on Leanpub! Its suggested price is $124.97; get it for $49.50 with this coupon: https://leanpub.com/b/net50/c/LeanpubWeeklySale2023Dec08 #Html #Dotnet #CSharp #Aspnet #Javascript #WebDevelopment #Databases
Cookie blocker would require java..
*sob*
Mini game.. Hmm...
I wonder what kind of game.
Most already have a implementation...
A colleague recently told me about a electronics program in #java ..
https://github.com/mpue/blackboard
But porting it to #javascript / #html would be a #payed job lol
Shame tho.
Looks cool
Blinking keyboard
You know what ?
I once had a #piano that could make the keys light up for practice. ( https://www.youtube.com/watch?v=U-6OzukqI94 )
It was terrible. 😸
The bundle A Better Way to Learn JavaScript Book Series by Ajdin Imsirovic is on sale on Leanpub! Its suggested price is $145.00; get it for $69.97 with this coupon: https://leanpub.com/b/a-better-way-to-learn-javascript-book-series/c/LeanpubWeeklySale2023Dec08 #Javascript
[AskJS] Kicking a dead horse - TS vs JS
https://open.spotify.com/episode/2y6jFXlFPoWq3BNz8eq2jz?si=be893170d39c4f1e
Discussions: https://discu.eu/q/https://open.spotify.com/episode/2y6jFXlFPoWq3BNz8eq2jz?si=be893170d39c4f1e
Francis HTMX - Easy way to build HTMX projects
https://htmx.org/examples/animations/#swapping
Discussions: https://discu.eu/q/https://htmx.org/examples/animations/%23swapping
One day, one decomposition
A051634: Strong primes: prime(k) > (prime(k-1) + prime(k+1))/2
3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/Strong_primes.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/Strong_primes.html
#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #primes #strong #primenumbers #graph #threejs #webGL


So about 140 CS and CS adjacent students just finished my front end course at UC San Diego and know semantic #html, respect #css, started with vanilla #javascript and care about #a11y oh and they learned the DOM and #webcomponents plus the web platform properly. Here’s a small sampling. You want to attract interns that know legit #webdev message me. I got some friends. Also we are in good hands 🙌 some young eager and capable devs are coming!

Building Office Add-ins using Office.js by Michael Zlatkovsky is on sale on Leanpub! Its suggested price is $19.99; get it for $9.59 with this coupon: https://leanpub.com/sh/ZDVLfVii #Javascript #Software
Does anyone have any good tricks for testing that a #JavaScript module does not leak memory?
I'd love to do something close to:
```
const mem = trackMemory(() => {
doSomethingThatMaybeLeaks();
});
expect(mem.increases).toBe(0);
```
The only tools I've found so far are `leakage` and `node-memwatch`, neither of which seem well supported atm.
* https://github.com/andywer/leakage/
* https://github.com/airbnb/node-memwatch/
Any tools out there worth knowing about?
Awesome Coding by Engin Arslan is on sale on Leanpub! Its suggested price is $24.99; get it for $7.99 with this coupon: https://leanpub.com/sh/dTGjz9uB #Javascript #NodeJs
TIL #deno compile lets you make binaries for all platforms from the same computer. presumably because it's bundling together prebuilt platform-specific binaries with your interpreted code (or v8 snapshots) #javascript #typescript
https://docs.deno.com/runtime/manual/tools/compiler

Base64かなにかでテキスト化したバイナリーデータをQRコードにしておいて、それをQRコード読み取りアプリで読み込み、それをTextAreaにペーストしてJavascriptで処理するHTML、みたいな構成で行こう。
#base64 #javascript
Running Serverless by Gojko Adzic is on sale on Leanpub! Its suggested price is $34.99; get it for $27.99 with this coupon: https://leanpub.com/sh/HRQKQjxk #Javascript #AmazonWebServices #SoftwareArchitecture
RT Jordan Dey
Did you know you can achieve a parallax effect using the CSS 'perspective' property?
It's surprisingly simple! Take a peek at this #StarWars inspired CodePen to see the magic unfold🌌✨
🔗@CodePen: https://codepen.io/DeyJordan/pen/WNPmxro
72 lines of #CSS 🤏
23 lines of #javascript ⚛️
:sys_twitter: https://twitter.com/DeyJordan/status/1733172307596554727

The Road to GraphQL (The Bare Essentials) by Robin Wieruch is on sale on Leanpub! Its suggested price is $49.00; get it for $36.75 with this coupon: https://leanpub.com/sh/3qkvOVp4 #ComputerProgramming #Javascript #React #NodeJs #WebDevelopment
Тесты производительности фреймворка Cample.js. Отчёт № 0
В данной статье содержатся тесты фреймворка Cample.js бета-версии 3.2.0-beta.6 . Это нулевой отчёт о тестах. По мере изменения результатов фреймворка, возможно, смогут выйти ещё несколько отчётов. Отчёт включает в себя сравнения по скорости с популярными фреймворками и библиотекой, а также сравнение с реализацией на чистом javascript.
https://habr.com/ru/articles/779240/
#cample #camplejs #javascript #benchmark #benchmarks #testing #typescript
Visual Studio Code November 2023 Release (version 1.85).
#vscode #programming #javascript #typescript #copilot #githubcopilot #git #productivity
https://code.visualstudio.com/updates/v1_85
Large Scale Apps with React and TypeScript by Damiano Fusco is on sale on Leanpub! Its suggested price is $29.99; get it for $22.49 with this coupon: https://leanpub.com/sh/bjIuoMaO #ComputerProgramming #React #Javascript #WebDevelopment #SoftwareArchitecture #Typescript #Vuejs
i definitely didn't make a wordle :D
https://pranabekka.github.io/not-wordle.html
it's pretty terrible, but kinda fun (especially as a creative way to send a message)
features:
- no custom keyboard
- incomplete validation (any letters work; type gibberish!)
- incomplete yellow letter highlight (duplicates)
- dynamic instructions, like how many remaining letters to type!
- horrible markup and code!
- shmancy corner rounding!
- only one word! forever! (unless i change it)

[JsonHilo.js](https://github.com/xtao-org/jsonhilo) is participating in a [Githelp](https://githelp.app/repos/jsonhilo) trial.
At the moment this is a limited opportunity to try an early version of Githelp where you can get help and support, including direct online assistance, related to JsonHilo.js [here](https://githelp.app/repos/jsonhilo).
#jsonhilo #help #support #githelp #trial #json #parser #minimal #fast #lossless #event #streaming #sax #javascript #deno #typescript #bun #node #nodejs
'Fun' bug I just discovered: Cookiebot's auto cookie-blocking feature sets a MutationObserver that keeps a reference to things that you load in the DOM. Consequently, in any kind of SPA, you'll find a lot of detached nodes accumulating and you have yourself a memory leak. My solution: nuke the f*king observer, since they handily attach it to a global. If anyone has a better idea do let me know! #javascript #gdpr #cookiebot
I’ve just been debugging some #frontend code where there was an issue with the styling of some content which is removed from the DOM when the focus leaves an element.
Problem: putting the focus on the element inspector triggers the removal of the element I want to inspect.
Solution: setTimeout(function () { debugger; }), 5000) gives me five seconds to make the element display, then pauses #JavaScript so the code to remove it won’t run and I can inspect it.
The Road to Firebase by Robin Wieruch is on sale on Leanpub! Its suggested price is $49.00; get it for $36.75 with this coupon: https://leanpub.com/sh/2TYDeSLZ #ComputerProgramming #Javascript #React #WebDevelopment
I'm using #TypeScript type checking with #JSDoc in client-side #JavaScript and I encountered this problem:
> Property 'innerText' does not exist on type 'Element'
It took a bit of searching, but I've learned that the solution for me is:
```javascript
/** @type {NodeListOf<HTMLElement>} */
```
I don't like how this is documented. It's on a page about DOM manipulation with TypeScript, which makes some sense, but I didn't see anything about doing this in JS with JSDoc. It says it's defined in lib.dom.d.ts and I thought I might have to import a type definition somehow.
I found it here:
https://www.typescriptlang.org/docs/handbook/dom-manipulation.html#the-queryselector-and-queryselectorall-methods

The `Object.groupBy()` static method is now on Safari TP. Soon to be widely available. Sick! Very useful method!
Safari TP announcement:
https://front-end.social/@jensimmons/111541780045014085
Object.groupBy() MDN docs:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/groupBy
@heydon I feel like a tool when using #JavaScript so I guess I have to spread some hate
Scaleway is hiring Engineering Manager Account and Console Experience
🔧 #golang #javascript #python #typescript #grpc #rest #ansible #docker #postgresql #sql #engineeringmanager
🌎 Paris, France
⏰ Full-time
🏢 Scaleway
Job details https://jobsfordevelopers.com/jobs/engineering-manager-account-and-console-experience-at-scaleway-sep-11-2023-1e430a?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring
Show HN: Recompyle – A JavaScript developer-friendly console / debugger
Discussions: https://discu.eu/q/https://www.recompyle.com/
#Development #Courses
SVG tutorial · Learn SVG step by step, from basic to advanced concepts https://ilo.im/15xcxv
_____
#Design #WebDesign #SVG #Animation #Interactivity #WebDev #Frontend #CSS #JavaScript
Beliebteste Programmiersprachen der letzten 7 Jahre - pctipp.ch https://www.pctipp.ch/news/softwareentwicklung/beliebteste-programmiersprachen-letzten-7-jahre-2899036.html #JavaScript #Python #HTML #CSS
Is it just me or is the #javascript tag for random people to have a rant about how JS is not like the other programming language they use? It’s ok to ventilate now and then but every single day?
To be different and to provide some value, here’s a link to one of my favourite YT channels dedicated to #reactjs
please hard code inline styles into this component.
- nobody ever
Hey, I made a thing again! But it doesn't work because I don't know JavaScript or web development very well.
I would absolutely LOVE it if someone who *does* know anything about Firefox extensions, JS, or web development could take a look.
https://codeberg.org/alicewatson/paraminator
#JavaScript #Firefox #UTM #DataPollution #Data #Web #Data #Hacktivism #FuckCapitalism
Last month in Wasm - JavaScript
#javascript #node #wasm #componentmodel
Guy Bedford (@guybedford) from Fastly spoke at NodeConf EU last month talking about WebAssembly Components and JavaScript.
https://www.nodeconf.eu/guy-bedford-webassembly-components-and-javascript
JCO now passes 86 of the 97 test programs from Wasmtime and expects to pass all of them by end of year.
💃 New episode of JS Party!
Gregg Tavares (author of WebGL/WebGPU Fundamentals) joins @jerod & @Amal to give us a tour of these low-level technologies that are pushing the web forward into the world of video games, machine learning & other exciting rich applications.
#webgl #webgpu #webplatform #javascript #videogames #totk #machinelearning #ml #browsers #podcast
Balancing feature releases with technical debt IS HARD.
🌳 That's why we created #Bonsai for:
1. #JavaScript applications 👉 https://www.upgradejs.com/javascript-maintenance-services?utm_source=Twitter&utm_medium=Organic&utm_campaign=Blogpromo&utm_term=fixed-cost&utm_content=Graphic&utm_id=
2. #Ruby applications 👉 https://www.fastruby.io/monthly-rails-maintenance?utm_source=Twitter&utm_medium=Organic&utm_campaign=Blogpromo&utm_term=bonsai&utm_content=Graphic&utm_id=
Curious? Post a comment with your questions. 🙋🏼♀️
#techdebt #javascript #ruby

Anyone wants to share their long-term experience with #GitHub #CoPilot?
I'm thinking about giving it a shot for a year, especially for more complex #JavaScript stuff. And yes I know: I need to test it's output and so on.
Feel free to boost or mention anyone who might want to share 🤗
Socket CLI v0.9.0 now available
@devdevcharlie @SocketSecurity EMPTY_AUTHOR_ENTRY
https://socket.dev/blog/socket-cli-v0-9-0-now-available
Linear matching of JavaScript regular expressions
https://arxiv.org/abs/2311.17620
ESLint v8.55.0 released
@eslint
https://eslint.org/blog/2023/12/eslint-v8.55.0-released/
28 years ago (1995-12-04): “Netscape and Sun announce JavaScript, the open, cross-platform object scripting language for enterprise networks and the internet”
@BrendanEich
https://web.archive.org/web/20070916144913/http://wp.netscape.com/newsref/pr/newsrelease67.html
Developer essentials: JavaScript console methods
@bsmth
https://developer.mozilla.org/en-US/blog/learn-javascript-console-methods/
You don’t need JavaScript for that
@Kilian
https://www.htmhell.dev/adventcalendar/2023/2/
Stop nesting ternaries in JavaScript
@philnash
https://www.sonarsource.com/blog/stop-nesting-ternaries-javascript/
Why is `MouseEvent.target` an `EventTarget` and not a `HTMLElement`?
Why cant i do
```
onClick(event : MouseEvent) {
console.log(event.target.textContent)
}
```
It gives the error: `Property 'textContent' does not exist on type 'EventTarget'.ts(2339)`
It's been a while since I last saw a repo that made me laugh
https://github.com/christina-de-martinez/babel-plugin-glowup-vibes
(Also, check out the issue page for extra fun)
In #Reactjs, JavaScript contains HTML which has #JavaScript which has HTML in it. 😵💫😵💫
I'm not joking.
It's like inception.
I've been thinking about a couple topics recently and feel knowledgeable enough to write some non-bullshit content about them, so I'm curious if there's any interest on here for a #blog post on one or both of:
1. Writing optimizable #JavaScript libraries.
How bundlers work, how tree shaking and code splitting works, pure vs. impure code, top-level side effects, multiple entry points, `sideEffects`, common deoptimizations, etc.
2. #TemporalDeadZone - What is it, how you can identify it, why it's so tricky, and how to avoid it.
(You better believe #DBZ #GarlicJr is going to be the preview image for that one.)
Greatly appreciate any feedback!
If you need a #JavaScript function for “tall" strings side-by-side in the terminal: https://gist.github.com/tbeseda/4ee8ca5d41008937a18cbb3ea01de664
It could definitely be code-golf’d from 40 lines to <10, but that's not my style 🤘
@nixCraft +9001%
Same goes for all websites that prevent #AdBlocker|s from working and/or require #JavaScript and #Cookies to load.
🦖 Date.prototype.toLocaleDateString() 🦖
The toLocaleDateString() method of Date instances returns a string with a language-sensitive representation of the date portion of the specified date in the user agent's timezone. In implementations with Intl.DateTimeFormat API support, this method simply calls Intl.DateTimeFormat.
New #meetup event in #Philly cutting across different languages #python #ruby #javascript
Someone at work tries to push a switch to #TypeScript.
We have some problems with code quality currently but TypeScript definitely won't solve any of that. It would just introduce more problems.
It's funny that he now comes with the "shiny new thing!!!" as the whole web is deciding to completely drop TypeScript in favor of JSDoc and simple native #JavaScript.
I always dodged TypeScript and every time I had to work with it, it was just a terrible experience. I don't get why people always try to abstract stuff to learn something different instead of just learning the thing they already use correctly.
I created a WCtest – which is not about restrooms but web components and testing.
Ever wondered about how you could test web components with the node test runner?
Try Linkedom, which provides a minimal DOM API :)