CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Soru ekleme

addQuestion metoduyla quiz'e soru eklemeyi öğrenirsin.

Quiz sınıfı ve addQuestion

Şimdi Quiz sınıfını tanımlayacağız. Bu sınıf soruları bir dizide saklar. constructor boş bir dizi oluşturur: this.questions = [];. addQuestion metodu yeni bir soru ekler.

addQuestion(text, answer) metodu otomatik id üretir: const id = this.questions.length + 1;. Sonra new Question(id, text, answer) ile nesneyi yapıp this.questions.push(...) ile diziye ekler. Bu, bir kurucu (builder) desenidir: her çağrıda bir soru eklenir ve quiz büyür. Önceki dersin Question sınıfını alıp Quiz sınıfını ekleyeceğiz. Böylece quiz, soruları yöneten bir kapsayıcı olur.

Builder deseni

addQuestion bir builder desenidir. Her çağrı quiz'e bir soru ekler. Örnek: quiz.addQuestion("Başkent?", "Ankara"); quiz.addQuestion("En büyük şehir?", "İstanbul");. İki çağrıdan sonra quiz.questions.length 2 olur.

Builder deseni, nesneleri adım adım kurmanın temel yoludur. Tek bir kurucu ile tüm veriyi vermek yerine, her parçayı ayrı bir metotla eklersin. Bu, kodu okunaklı kılar: her addQuestion çağrısı tek bir soru tanımlar. Ayrıca id otomatik üretildiği için, çağrı sırası id'yi belirler. İlk çağrı id=1, ikinci id=2. Bu, quiz'in tutarlı kalmasını sağlar.

Uygulama Quiz sınıfını ve addQuestion metodunu ekle

Önceki dersin Question sınıfını al. class Quiz ekle: constructor'da this.questions = [], addQuestion(text, answer) metodunda const id = this.questions.length + 1; this.questions.push(new Question(id, text, answer));. Son satırlar hazır: iki soru ekle ve sayıyı yazdır.

Başlangıç kodu

index.js
class Question {
  constructor(id, text, answer) {
    this.id = id;
    this.text = text;
    this.answer = answer;
  }
}
class Quiz {
  constructor() {
    this.questions = [];
  }

  // addQuestion metodunu ekle
  // buraya yaz
}
const quiz = new Quiz();
quiz.addQuestion("Başkent?", "Ankara");
quiz.addQuestion("En büyük şehir?", "İstanbul");
console.log("Soru sayısı: " + quiz.questions.length);

Örnek çözüm

index.js
class Question {
  constructor(id, text, answer) {
    this.id = id;
    this.text = text;
    this.answer = answer;
  }
}
class Quiz {
  constructor() {
    this.questions = [];
  }

  addQuestion(text, answer) {
    const id = this.questions.length + 1;
    this.questions.push(new Question(id, text, answer));
  }
}
const quiz = new Quiz();
quiz.addQuestion("Başkent?", "Ankara");
quiz.addQuestion("En büyük şehir?", "İstanbul");
console.log("Soru sayısı: " + quiz.questions.length);

Beklenen çıktı

Soru sayısı: 2

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 addQuestion gövdesini tamamla

Soru 
addQuestion(text, answer) {
  const id = this.questions.length + 1;
  this.questions.____(new Question(id, text, answer));
}
Cevap 
addQuestion(text, answer) {
  const id = this.questions.length + 1;
  this.questions.push(new Question(id, text, answer));
}

Açıklama: push dizinin sonuna yeni soruyu ekler.

2 Parçayı rolüne eşle

Kavram Anlamı
this.questions Soru dizisi
addQuestion Soru ekler
questions.length + 1 Yeni id üretir
new Question Soru nesnesi oluşturur

3 quiz.addQuestion çağrıldığında ne olur?

index.js
quiz.addQuestion("Soru?", "Cevap")
  • İlk soru güncellenir
  • Quiz silinir
  • Yeni soru dizinin sonuna eklenir Doğru cevap
  • Soru sayısı azalır

Açıklama: addQuestion yeni soruyu dizinin sonuna ekler.

Orta seviye bölümündeki tüm dersler

1 Events

  1. EventEmitter
  2. on ve emit
  3. önce
  4. removeListener
  5. error olayı
  6. Özet - Events

2 Stream'ler

  1. Stream nedir?
  2. Readable stream
  3. Writable stream
  4. pipe
  5. Transform stream
  6. Özet - Stream'ler

3 HTTP sunucusu

  1. http.createServer
  2. Request ve response
  3. Routing
  4. JSON yanıtı
  5. Query string
  6. Özet - HTTP sunucusu

4 Proje: Yardımcı kütüphane

  1. Modül tasarımı
  2. String yardımcıları
  3. Sayı yardımcıları
  4. Tarih yardımcıları
  5. Birleştirme

5 Express temelleri

  1. Express nedir?
  2. express()
  3. app.get
  4. app.post
  5. app.listen
  6. Özet - Express temelleri

6 Middleware

  1. Middleware nedir?
  2. app.use
  3. Router middleware
  4. Error middleware
  5. Body parser
  6. Özet - Middleware

7 Routing

  1. Rota parametreleri
  2. Query parametreleri
  3. express.Router
  4. Rota grupları
  5. Method chaining
  6. Özet - Routing

8 Proje: Quiz uygulaması

  1. Quiz modeli
  2. Soru ekleme
  3. Quiz oynatma
  4. Skor hesaplama
  5. Birleştirme

9 Async desenler

  1. Async iteration
  2. Async generators
  3. Concurrency limit
  4. Retry pattern
  5. Debounce ve throttle
  6. Özet - Async desenler

10 Buffer ve binary

  1. Buffer nedir?
  2. Buffer.from
  3. Buffer concat
  4. toString ve encoding
  5. Buffer slice
  6. Özet - Buffer

11 Process ve CLI

  1. process.argv
  2. process.env
  3. process.exit
  4. process.stdin/stdout
  5. Child process
  6. Özet - Process

12 Proje: Kütüphane API'si

  1. Model tasarımı
  2. Express uygulaması
  3. CRUD rotaları
  4. Middleware
  5. Birleştirme

13 npm ve paketler

  1. npm install
  2. package.json scripts
  3. devDependencies
  4. Semver
  5. npm publish
  6. Özet - npm

14 Hata yönetimi

  1. Error sınıfı
  2. try/catch
  3. Özel error
  4. error middleware
  5. Unhandled rejection
  6. Özet - Hata yönetimi

15 Test temelleri

  1. node:test
  2. assert
  3. describe ve it
  4. Before ve after
  5. Mock
  6. Özet - Test temelleri

16 Hata ayıklama

  1. node inspect
  2. Chrome DevTools
  3. console metotları
  4. util.inspect
  5. Source map
  6. Özet - Hata ayıklama

17 Tarih ve saat

  1. Date nesnesi
  2. Date metotları
  3. Intl.DateTimeFormat
  4. performance.now
  5. setTimeout ve setInterval
  6. Özet - Tarih ve saat

18 Crypto

  1. crypto modülü
  2. createHash
  3. randomBytes
  4. HMAC
  5. AES
  6. Özet - Crypto

19 URL ve query string

  1. URL nesnesi
  2. URLSearchParams
  3. URL özellikleri
  4. URL.resolve
  5. querystring
  6. Özet - URL ve query string

20 Orta seviye finali

  1. Proje tasarımı
  2. Express API
  3. fs kalıcılık
  4. Middleware
  5. Birleştirme