JavaScript

// الحديث: ES2024+ - الأصناف والوحدات والبرمجة غير المتزامنة
class UserAPI {
  #baseUrl = 'https://api.example.com';

  async getUsers(page = 1) {
    const response = await fetch(`${this.#baseUrl}/users?page=${page}`);
    if (!response.ok) throw new Error(`HTTP Error: ${response.status}`);
    return response.json();
  }

  async getUserById(id) {
    const users = await this.getUsers();
    return users.find(user => user.id === id);
  }
}

// معالجة الأحداث مع Event Delegation
document.querySelector('#todo-list').addEventListener('click', async (e) => {
  if (e.target.matches('.delete-btn')) {
    const id = e.target.dataset.id;
    await fetch(`/api/todos/${id}`, { method: 'DELETE' });
    e.target.closest('.todo-item').remove();
  }
});

// المصفوفات والكائنات - أساليب حديثة
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.toReversed().map(n => n * 2);
const { users = [], loading = false } = await state.getState();