Proje: Görev Struct'ını Tanımlama

Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası — ders 45 / 73.

İlk TypeScript projenize hoş geldiniz! Önümüzdeki birkaç ders boyunca, TypeScript'in iyi yapılandırılmış, tip güvenli kod oluşturmaya nasıl yardımcı olduğunu gösteren eksiksiz bir görev listesi uygulaması oluşturacaksınız. Bu proje, şimdiye kadar öğrendiğiniz birçok kavramı birleştirecek: interfaces, literal types, arrays ve functions.

Herhangi bir görev yönetim sisteminin temeli, bir görevin neye benzediğini tanımlamaktır. Bu derste, uygulamanızdaki tek bir görevi temsil eden veri yapısını oluşturacaksınız. Bu yapının temel bilgileri yakalaması gerekir: benzersiz bir tanımlayıcı, görevin ne hakkında olduğu ve mevcut durumu.

Task arayüzünüz, status özelliği için literal types kullanacaktır; bu da durumun yalnızca 'todo', 'in-progress' veya 'done' gibi birkaç belirli dize değerinden biri olabileceği anlamına gelir. Bu yaklaşım yazım hatalarını önler ve uygulamanız genelinde tutarlılık sağlar; TypeScript, geçersiz bir status değeri kullanma girişimlerini yakalayacaktır.

Bu proje yapısı, yeni görevler ekleme, durumlarını güncelleme ve görevleri mevcut durumlarına göre filtreleme dahil olmak üzere gelecek derslerde oluşturacağınız tüm işlevsellikler için temel plan görevi görecektir.

Görev

Kolay

Aşağıdaki özelliklere sahip Task adında bir arayüz (interface) oluşturun:

number türünde id
string türünde title
Sadece şu değişmez değerlerden biri olabilen status: 'todo', 'in-progress' veya 'done'

Task arayüzünüzü kullanarak aşağıdaki değişkenleri oluşturun:

id değeri 1, title değeri "Learn TypeScript interfaces" ve status değeri 'todo' olan, Task türünde firstTask adında bir değişken oluşturun
id değeri 2, title değeri "Build task management app" ve status değeri 'in-progress' olan, Task türünde secondTask adında bir değişken oluşturun
id değeri 3, title değeri "Write unit tests" ve status değeri 'done' olan, Task türünde thirdTask adında bir değişken oluşturun

Task türünde bir parametre kabul eden ve "Task [id]: [title] - [status]" formatında bir string döndüren getTaskInfo adında bir fonksiyon oluşturun.

Aşağıdaki çıktıları ayrı satırlara yazdırın:

firstTask ile getTaskInfo fonksiyonunu çağırın ve sonucu yazdırın
secondTask ile getTaskInfo fonksiyonunu çağırın ve sonucu yazdırın
thirdTask ile getTaskInfo fonksiyonunu çağırın ve sonucu yazdırın
firstTask değişkeninin status değerini yazdırın
secondTask değişkeninin title değerini yazdırın

Kendin dene

// YAPILACAK: Kodunuzu buraya yazın

// Task arayüzünü oluşturun


// Görev değişkenlerini oluşturun


// getTaskInfo fonksiyonunu oluşturun


// Gerekli çıktıları yazdırın