أحدث مميزات ECMAScript 2025

يونيو 30, 2025

أحدث مميزات ECMAScript 2025

في 25 يونيو 2025، تم اعتماد ES2025 رسميًا. الإضافات الجاية هتسهل عليك كتابة الكود:

1. 📦 Import Attributes و JSON Modules

دلوقتي تقدر تجيب JSON بشكل مباشر وتحط نوعه بوضوح:

// استيراد ثابت
import config from './config.json' with { type: 'json' };

// استيراد ديناميكي
const cfg = await import('./config.json', { with: { type: 'json' } });
console.log(cfg.default);

2. Iterator Helper Methods

أضيفت ميثودز جديدة للـ iterator عشان تسهّل السلسلة operations:

const arr = ['a','', 'b', '', 'c', '', 'd'];
const result = arr.values()
  .filter(x => x.length > 0)
  .drop(1)
  .take(2)
  .map(x => `=${x}=`)
  .toArray();
// النتيجة: ['=b=', '=c=']

3. مميزات جديدة للـ Set

دلوقتي تقدر تعمل عمليات set مباشرة من الجافاسكريبت:

const a = new Set(['a','b','c']);
const b = new Set(['b','c','d']);
console.log([...a.union(b)]); // ['a','b','c','d']
console.log(a.isSubsetOf(b)); // false

4. RegExp.escape() و Inline Flags

const safe = RegExp.escape('hello?');
// مثال على inline flags
/^x(?i:HELLO)x$/.test('xHELLOx'); // true
/^x(?i:HELLO)x$/.test('xhellox'); // true

5. Duplicate Named Capture Groups

const re = /(?a+)|(?b+)/v;
console.log(re.exec('aaa').groups.chars); // 'aaa'
console.log(re.exec('bb').groups.chars);  // 'bb'

6. Promise.try()

Promise.try(() => {
  const x = syncThatMightThrow();
  return asyncWork(x);
}).then(...).catch(...);

7. دعم float16

دلوقتي في الجافاسكريبت: Float16Array، DataView.getFloat16/setFloat16، وMath.f16round().

المدونة

الدليل الكامل لتحديثات ECMAScript 2025 للمطورين

يوليو 06, 2025

📘 شرح تفصيلي لتحديثات ECMAScript 2025 جميع مميزات ECMAScript 2025، مع أمثلة عملية وفهم ليه الميزة دي مهمة لأي مبرمج واجهة أمامية. ١. مجموعات مسما...

مقارنة CSS: طبقات vs BEM vs Utility Classes

يونيو 26, 2025

مقارنة CSS: Cascade Layers و BEM و Utility Classes المقالة بتتكلّم عن ٣ طرق لإدارة الـ specificity في CSS – BEM والـ utility‑first classes وك...

ألوان في CSS - شرح مبسّط

يونيو 26, 2025

ألوان في CSS - شرح مبسّط النهارده هنتكلم عن الألوان في CSS: ازاي بنحددها، وخصوصًا الطرق الحديثة زي lab() وoklch(). 1. يعني إيه لون؟ مفيش حاجة اسم...

إزاي تستخدم Web Components ببساطة وذكاء

يوليو 06, 2025

إزاي تستخدم Web Components ببساطة وذكاء كتير من المطورين بيفكروا إن Web Components معمولة عشان تبقى بديل كامل لفريموركات زي React أو Vue. بس الحقيق...

لارافيل 12.16.0 - مميزات جديدة للمطورين

يونيو 03, 2025

لارافيل 12.16.0 - مميزات جديدة للمطورين 1. قاعدات تحقق جديدة: in_array_keys دلوقتي تقدر تتحقق إن الأراي فيه على الأقل مفتاح واحد من اللي انت محددهم...

تجاوز $fillable بأمان باستخدام forceFill() في Laravel

يوليو 02, 2025

تجاوز $fillable بأمان باستخدام forceFill() في Laravel جربت تستخدم create() في Laravel ولاقيت إن حقول زي role أو status مش بتتحفظ؟ ده بسبب حماية Larav...

The Ultimate Managed Hosting Platform