مشروع: نموذج بيانات

Data Model Lab

مشروع ~24 دقيقة

مشروع: نموذج بيانات — Data Model Lab

في هذا المشروع ستصمم نموذجاً صغيراً لدرس. النموذج يحتوي id, title, difficulty, وminutes. بدلاً من جعل difficulty نصاً عاماً، سنستخدم literal union. هذا يحمي المجال من قيم غير مفهومة مثل "easy-ish". عندما تمثل المجال بدقة، يصبح الكود اللاحق أبسط.

ابدأ بتعريف Difficulty. ثم Lesson. بعدها اكتب دالة lessonSummary ترجع نصاً ثابتاً من بيانات الدرس. هذا مشروع صغير، لكنه يعلّم أهم مهارة: تحويل معرفة المجال إلى types.

نموذج حل

index.ts

type Difficulty = "beginner" | "intermediate" | "advanced";

type Lesson = {
  id: string;
  title: string;
  difficulty: Difficulty;
  minutes: number;
};

function lessonSummary(lesson: Lesson): string {
  return `${lesson.id}: ${lesson.title} (${lesson.difficulty})`;
}

const lesson: Lesson = {
  id: "ts-03-05",
  title: "Data Model Lab",
  difficulty: "intermediate",
  minutes: 24,
};

console.log(lessonSummary(lesson));

Output:

هذا النوع يمكن استخدامه في قائمة دروس أو API response أو صفحة. كل استعمال يستفيد من نفس العقد.

تحدي

أكمل الدالة لترجع title:minutes.

تحدي — Challenge

type Lesson = {
  title: string;
  minutes: number;
};

function compact(lesson: Lesson): string {
  /* TODO */ return "";
}

console.log(compact({ title: "Types", minutes: 20 }));