Theme
Primary Color

تكليفات الدروس من [ 12 ] إلى [ 21 ]

[ 8 ] تكليفات على [ Data Types ]

التكليف 01

  • إستخدم ما تعلمته لتجعل هذا ال Code سليم بدون التعديل عليه
  • يمكنك كتابة ما تريد قبل ال Code
// Write Your Code Here

// Do Not Edit Here
let myData: n;
myData = 1000; // No Problem Here
myData = +true; // No Problem Here

التكليف 02

  • إستخدم ما تعلمته لتجعل هذا ال Code سليم بدون التعديل عليه
  • يمكنك كتابة ما تريد قبل ال Code
// Write Your Code Here

// Do Not Edit Here
let myInfo: mix;
myInfo = 1000; // No Problem Here
myInfo = true; // No Problem Here

التكليف 03

  • إستخدم ما تعلمته لتجعل هذا ال Code سليم بدون التعديل عليه
  • يمكنك كتابة ما تريد قبل ال Code
  • يجب عليك عمل Extend من ال Type ولا تعيد إستخدام الخواص مرة أخرى
// Write Your Code Here

// Do Not Edit Here
function showInfo(data: Info) {
  console.log(`The Name Is ${data.theName}`);
  console.log(`The Age Is ${data.theAge}`);
}
console.log(showInfo({ theName: "Elzero", theAge: 40 }));

function showFullInfo(data: Full) {
  console.log(`The Name Is ${data.theName}`);
  console.log(`The Age Is ${data.theAge}`);
  console.log(`The Country Is ${data.country}`);
}
console.log(showFullInfo({ theName: "Elzero", theAge: 4, country: "Egypt" }));

التكليف 04

  • لديك ال Function التالية مليئة بالأخطاء
  • المطلوب إصلاح الأخطاء حتى تظهر النتائج كما في التعليق داخل ال Console
  • يمكنك الإلغاء والتعديل على ال Function كما تريد
function yesOrNo(val: number | boolean) : "Yes" | "No" {
  return val > 10;
}

// Do Not Edit Here
console.log(yesOrNo("100")); // Error
console.log(yesOrNo(30)); // True
console.log(yesOrNo(8)); // False

التكليف 05

  • لديك ال Function التالية مليئة بالأخطاء
  • المطلوب إصلاح الأخطاء حتى تظهر النتائج كما في التعليق داخل ال Console
  • يمكنك الإلغاء والتعديل على ال Function كما تريد ما عدا إلغاء كلمة custom

function isHeOld(age: number | string[]) : custom | number {
  return age > 40;
}

// Do Not Edit Here
console.log(isHeOld("100")); // Error
console.log(isHeOld(45)); // "Yes"
console.log(isHeOld(30)); // "No"

التكليف 06

  • قم بإستخدام ما تعلمته لتظهر النتائج كما في التعليقات
  • قم بعمل Destructuring حتى تظهر النتائج بالأسفل كما في التعليقات

post = [100, 200, "Title"]; // Error
post = ["Title", 100, true]; // Error
post = [100, "Title", true]; // Good

post.push("Elzero"); // Error => Cant Add

// Create Destructuring Here

// Do Not Edit Here
console.log(id); // 100
console.log(title); // "Title"
console.log(state); // true

التكليف 07

  • لدينا لعبة تحتوي على 4 مستويات Easy, Medium, Hard, Insane
  • نريد إنشاء Enums تحتوي على المستويات والقيمة الخاصة بها
  • ال Easy عبارة عن رقم 100
  • ال Medium تكون قيمتها عملية حسابية وهي قيمة ال Easy مطروح منها رقم 20
  • ال Hard عملية حسابية وهي قيمة ال Medium مطروح منها (قيمة ال Easy مقسومة على 2)
  • ال Insane عبارة عن Function تقبل منك Parameter واحد وهو رقم
  • ال Function تقوم بطرح هذا الرقم من قيمة ال Hard
  • شاهد القيم لتقوم بعمل المطلوب

// Create Enums + Function Here

// Output
console.log(Game.Easy); // 100
console.log(Game.Medium); // 80
console.log(Game.Hard); // 30
console.log(Game.Insane); // 20

التكليف 08

  • لدينا ال Object التالي ونحتاج للتعديل عليه ليقبل التعديلات بالأسفل

const user: {
  readonly username: string,
  age: number,
  website?: string,
  skills: {
    frontEnd: string[],
    backEnd: string[]
  }
} = {
  username: "Elzero",
  age: 40,
  website: "Elzero.org",
  skills: {
    frontEnd: ["HTML", "CSS", "JS"],
    backEnd: ["PHP", "Python"]
  }
}

// We Need To Remove Error From This Edits
user.username = "Osama";
user.age = "40";
user.skills.backEnd.push(100);

حلول التكليفات

Premium

حلول التكليفات متاحة للأعضاء ال Premium

راجع الحلول وطور مهاراتك مع العضوية المميزة

اكتشف العضوية المميزة