ar
Feedback
JavaScript

JavaScript

الذهاب إلى القناة على Telegram

A resourceful newsletter featuring the latest and most important news, articles, books and updates in the world of #javascript 🚀 Don't miss our Quizzes! Let's chat: @nairihar

إظهار المزيد

📈 نظرة تحليلية على قناة تيليجرام JavaScript

تُعد قناة JavaScript (@javascript) في القطاع اللغوي الإنكليزية لاعباً نشطاً. يضم المجتمع حالياً 31 439 مشتركاً، محتلاً المرتبة 4 384 في فئة التكنولوجيات والتطبيقات والمرتبة 13 551 في منطقة الهند.

📊 مؤشرات الجمهور والحراك

منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 31 439 مشتركاً.

بحسب آخر البيانات بتاريخ 13 يونيو, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -193، وفي آخر 24 ساعة بمقدار 21، مع بقاء الوصول العام مرتفعاً.

  • حالة التحقق: غير موثّقة
  • معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 6.27‎%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 2.53‎% من ردود الفعل نسبةً إلى إجمالي المشتركين.
  • وصول المنشورات: يحصل كل منشور على متوسط 1 972 مشاهدة. وخلال اليوم الأول يجمع عادةً 796 مشاهدة.
  • التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 7.
  • الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل javascript, console.log(gen.next().value, processdata, remix, acc.

📝 الوصف وسياسة المحتوى

يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
A resourceful newsletter featuring the latest and most important news, articles, books and updates in the world of #javascript 🚀 Don't miss our Quizzes! Let's chat: @nairihar

بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 14 يونيو, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.

31 439
المشتركون
+2124 ساعات
-537 أيام
-19330 أيام
أرشيف المشاركات
CHALLENGE
function* fibonacci() {
  let [a, b] = [0, 1];
  while (true) {
    yield a;
    [a, b] = [b, a + b];
  }
}

function* takeWhile(generator, predicate) {
  for (const value of generator) {
    if (!predicate(value)) break;
    yield value;
  }
}

const fib = fibonacci();
const smallFibs = takeWhile(fib, x => x < 20);
console.log([...smallFibs].join(','));

What is the output?
Anonymous voting

CHALLENGE
let obj = { name: 'Sarah', age: 25 };
let weakMap = new WeakMap();
let map = new Map();

weakMap.set(obj, 'weak reference');
map.set(obj, 'strong reference');

console.log(weakMap.has(obj));
console.log(map.has(obj));

obj = null;

console.log(weakMap.has(null));
console.log(map.has(null));
console.log(map.size);

What is the output?
Anonymous voting

CHALLENGE
const nums = [1, 2, 3];
const obj = { a: 1, b: 2, c: 3 };

function process(...args) {
  const [first, ...rest] = args;
  const { a, ...others } = obj;
  return { first, rest, a, others };
}

const result = process(...nums);
console.log(result.first);
console.log(result.rest.length);
console.log(result.others.b);
console.log(Object.keys(result.others).join(''));
console.log(result.a === nums[0]);

⚡️ DevHelperAI — AI Assistant for Programmers Speed up solving programming tasks in any language — Python, JavaScript, Java,
⚡️ DevHelperAI — AI Assistant for Programmers Speed up solving programming tasks in any language — Python, JavaScript, Java, and more. Powered by ChatGPT Plus, but 3× cheaper! Don’t overpay $20 for ChatGPT Plus — pay just $7.25 and get faster, more accurate answers. Try DevHelperAI now! 👇 First month FREE ! @devhelperai_bot

What is the output?
Anonymous voting

CHALLENGE
console.log('1');

setTimeout(() => console.log('2'), 0);

Promise.resolve().then(() => console.log('3'));

setTimeout(() => console.log('4'), 0);

Promise.resolve().then(() => {
  console.log('5');
  return Promise.resolve();
}).then(() => console.log('6'));

console.log('7');

Prototype pollution 🥃 Exposing the default prototype by calling unsafe recursive functions with untrusted data as input Read
Prototype pollution 🥃 Exposing the default prototype by calling unsafe recursive functions with untrusted data as input Read ~20mins estimated learn.snyk.io

What is the output?
Anonymous voting

CHALLENGE
class StateMachine {
  constructor() {
    this.state = 'idle';
    this.transitions = {
      idle: { start: 'running' },
      running: { pause: 'paused', stop: 'stopped' },
      paused: { resume: 'running', stop: 'stopped' },
      stopped: { reset: 'idle' }
    };
  }
  
  transition(action) {
    const next = this.transitions[this.state]?.[action];
    if (next) this.state = next;
    return this.state;
  }
}

const sm = new StateMachine();
console.log(sm.transition('start'));
console.log(sm.transition('invalid'));
console.log(sm.transition('pause'));
console.log(sm.transition('resume'));
console.log(sm.transition('stop'));
console.log(sm.transition('reset'));

New career opportunity on the rise! 😆
New career opportunity on the rise! 😆

What is the output?
Anonymous voting

CHALLENGE
const values = [null, undefined, '', 0, false, NaN];
const results = [];

for (let val of values) {
  results.push({
    value: val,
    boolean: !!val,
    string: String(val),
    number: Number(val)
  });
}

console.log(results[2].boolean);
console.log(results[3].string);
console.log(results[1].number);

Interesting idea 🤔 I always thought that front-end development is much harder then backend, but I was having trouble to expl
Interesting idea 🤔 I always thought that front-end development is much harder then backend, but I was having trouble to explain that idea to developers. Today I wanted to check the opinion of the LLM, so called the general expert's opinion. Agreed that front-end is harder for humans, because backend scales mathematically, rule based, and it's not that hard to understand. It's just math... Then I asked, to find a similar analogy for front-end. It nailed. BIOLOGY! ____ Backend scaling: like mathematics: you add more nodes, shard databases, optimize queries - the system grows by formulas and predictable rules. Frontend change: like biology: small mutations (new device, new browser feature, new UX demand) create emergent, often chaotic behavior that must be adapted to case by case. ____ Biology is more difficult then mathematics — mathematics is rule-bound and deterministic, while biology is emergent, full of exceptions, context-dependent, and constantly changing. That’s why front-end (biology-like) feels messier and harder for humans, even if backend (math-like) can be more abstractly deep. Edgar Marukyan

What is the output?
Anonymous voting

CHALLENGE
const sym1 = Symbol('test');
const sym2 = Symbol('test');
const obj = {
  [sym1]: 'first',
  [sym2]: 'second',
  regular: 'third'
};

const keys = Object.keys(obj);
const symbols = Object.getOwnPropertySymbols(obj);
const allProps = Reflect.ownKeys(obj);

console.log(keys.length);
console.log(symbols.length);
console.log(allProps.length);
console.log(sym1 === sym2);

What is the output?
Anonymous voting

CHALLENGE
const data = {
  name: '',
  age: 0,
  city: null,
  country: undefined,
  isActive: false
};

const getName = () => data.name || 'Unknown';
const getAge = () => data.age ?? 25;
const getCity = () => data.city || 'Default City';
const getCountry = () => data.country ?? 'Default Country';
const getStatus = () => data.isActive || 'inactive';

console.log(`${getName()}-${getAge()}-${getCity()}-${getCountry()}-${getStatus()}`);

🚬 Apache ECharts 6.0: The Powerful Data Visualization Library 12 years on from its first release, ECharts takes another big
🚬 Apache ECharts 6.0: The Powerful Data Visualization Library 12 years on from its first release, ECharts takes another big step forward. Visualization types span from line, bar and pie charts to 3D graphs, calendars and Sankey diagrams. v6 brings an all-new design language, dynamic theme switching, dark mode support, even more chart types, and more. Be sure to enjoy the 100+ demos and the GitHub repo. Apache Software Foundation