I bet many of you are fans of xkcd! For this year’s April Fools’ joke, they published ‘Machine’, a giant Rube Goldberg machine of sorts (explained here). With a lot of TypeScript up front and Haskell in the back, here’s how it works at a technical level. (GitHub repo.)
MAX GOODHART
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4👍1🤔1🤣1
const promise = new Promise((resolve, reject) => {
setTimeout(() => resolve(3), 1000);
});
promise
.then(result => {
console.log(result);
return result * 2;
})
.then(result => {
console.log(result);
return new Promise(resolve => setTimeout(() => resolve(result * 3), 1000));
})
.then(result => {
console.log(result);
});
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17🤣6🤩4❤2
👍13❤3🤔1
A fantastic demonstration of using browser APIs to create more elegant drag and drop experiences that even work across different browser windows or IFRAMEs, with Atlassian’s Pragmatic Drag and Drop library doing the heavy lifting.
ALEX REARDON
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11❤3🤩1
const promise = new Promise((resolve, reject) => {
setTimeout(() => reject(new Error('Rejected')), 1000);
});
promise
.then(result => console.log(result))
.catch(error => console.error(error.message))
.then(() => console.log('After catch'))
.then(() => console.log('After then'))
.catch(error => console.error(error.message));
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🤔1
What is the output?
Anonymous Quiz
17%
Rejected, After catch
39%
Rejected, After catch, After then
25%
Error: Rejected, After catch, After then
19%
Error: Rejected
👍10❤4🤣2
A similar idea to Mermaid but with a different attitude to extensibility as well as no requirement for a headless browser server-side. The intro docs have both visual and code examples.
HIKERPIG
Please open Telegram to view this post
VIEW IN TELEGRAM
What is your salary as an engineer? 💵
Anonymous Poll
36%
0
12%
< 500$
8%
< 1.000$
8%
< 2.000$
9%
< 4.000$
6%
< 8.000$
4%
< 10.000$
2%
< 12.000$
3%
< 15.000$
12%
< 20.000$
🤣51🤔15🤩7
CHALLENGE
function Product(name, price) {
this.name = name;
this.price = price;
}
Product.prototype.discount = function(discount) {
this.price -= discount;
};
const product = new Product('Phone', 500);
product.discount(50);
console.log(product.price);
👍8❤2🔥1
👍12🤣10
We hope you're enjoying the content on our channel!
To continue delivering more exciting content, features, and exclusive stories, we're kindly asking telegram premium users to help us take things to the next level.
By boosting our channel, you'll directly contribute to enhancing your viewing experience and supporting the growth of our community.
Thank you for being a part of our journey. 🚀
P.S. Each Premium user can boost 4 times.
https://t.iss.one/javascript?boost
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
JavaScript
Boost this channel to help it unlock additional features.
👍14
CHALLENGE
function Animal() {}
function Dog() {}
Dog.prototype = Object.create(Animal.prototype);
const rover = new Dog();
console.log(rover.constructor === Animal);
console.log(rover.constructor === Dog);
console.log(Dog.prototype.isPrototypeOf(rover));
console.log(Animal.prototype.isPrototypeOf(rover));
👍3❤2🔥2🤔1
What is the output?
Anonymous Quiz
29%
true, false, true, true
27%
false, false, true, true
24%
false, true, false, true
20%
true, true, true, false
👍7
CHALLENGE
function Shape() {}
function Circle(radius) {
this.radius = radius;
}
Circle.prototype = Object.create(Shape.prototype);
Circle.prototype.constructor = Circle;
const shape = new Shape();
const circle = new Circle(5);
console.log(circle instanceof Circle);
console.log(circle instanceof Shape);
console.log(shape instanceof Circle);
console.log(shape instanceof Shape);
❤9👍3🔥1
What is the output?
Anonymous Quiz
42%
true, true, false, true
21%
false, false, true, true
25%
true, false, true, false
12%
true, true, true, true
👍8❤4🤩4🤣3🔥1
ArmenVardanyan
Author of "Modern Angular"
Google DevExpert for Angular
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👍3🔥2🤣2🤔1🤩1
CHALLENGE
function Animal() {}
function Dog() {}
Dog.prototype = Object.create(Animal.prototype);
const rover = new Dog();
console.log(rover.hasOwnProperty('constructor'));
👍5❤2🔥2🤣2
🤔7🤣4❤3👍3🔥1
Less shell-oriented than zx, execa focuses on making executing external commands secure, cross-platform, and easy to debug. v9 lets you make commands iterable so you can process their output on the fly, map/filter both input and output, pipe multiple commands, and more. GitHub repo.
EHMICKEY, SORHUS, ET AL.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤2🔥2🤣2🤩1