0Pricing
JavaScript Academy · Ders

package.json, betikler ve bağımlılıklar ile devDeps

package.json alanlarını anlayın, basit betikler tanımlayın ve bağımlılıklar ile devDependencies arasındaki farkı öğrenin.

package.json, betikler ve bağımlılıklar ile devDeps, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 3 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 3 dersten oluşur.

Neden package.json?

Amaç: package.json dosyasını okumak ve kullanmak.

  • Ana alanlar: name, version, type
  • scripts: kısa komutları çalıştırır
  • dependencies ve devDependencies karşılaştırması
  • Anlamsal sürümler (şapka/tilde) — başlangıç düzeyinde kısa karşılaştırma
package.json, betikler ve bağımlılıklar ile devDeps — resim 1

Alanlara genel bakış

package.json; proje bilgilerini, betikleri ve bağımlılık listelerini içeren bir bildirim dosyasıdır.

// Emulate a minimal package.json as a JS object
const pkg = {
  name: "hello-app",
  version: "1.0.0",
  type: "module",
  scripts: {
    start: "node index.js",
    build: "echo building...",
    test: "echo tests..."
  },
  dependencies: {
    "chalk": "^5.3.0"
  },
  devDependencies: {
    "eslint": "^9.0.0"
  }
};

console.log("name:", pkg.name);
console.log("version:", pkg.version);
console.log("type:", pkg.type);
console.log("scripts:", Object.keys(pkg.scripts));
package.json, betikler ve bağımlılıklar ile devDeps — resim 2

Ada göre betikler

scripts altında komutlar ekleyin (örneğin build, test), ardından paket yöneticinizle çalıştırın.

// Tiny emulator for "npm run <name>"
function runScript(name) {
  const cmd = pkg.scripts[name];
  if (!cmd) {
    console.log("no such script:", name);
    return;
  }
  console.log("running:", name, "->", cmd);
}

runScript("build");
runScript("test");
runScript("missing");
package.json, betikler ve bağımlılıklar ile devDeps — resim 3

Hangisi nereye gider?

dependencies, uygulama çalışırken gereken bağımlılıklardır; devDependencies ise yalnızca geliştirme araçlarıdır.

// List production deps vs development-time tools
function listDeps() {
  console.log("deps:", Object.keys(pkg.dependencies));
  console.log("devDeps:", Object.keys(pkg.devDependencies));
}

// Rule of thumb in comments:
// dependencies -> needed at runtime (your app uses them when running)
// devDependencies -> only for development (lint, test, build tools)

listDeps();
package.json, betikler ve bağımlılıklar ile devDeps — resim 4

Anlamsal sürümlemenin temelleri

Anlamsal sürümleme aralıkları izin verilen güncellemeleri ifade eder: şapka (ikincil sürüm+yama), tilde (yama) veya tam sürüm.

// Semantic version ranges (intent only)
// ^1.2.3  -> allow minor/patch updates (1.x compatible)
// ~1.2.3  -> allow patch updates (1.2.x)
// 1.2.3   -> exact version

const ranges = ["^1.2.3", "~1.2.3", "1.2.3"];
for (const r of ranges) {
  console.log("range:", r);
}
package.json, betikler ve bağımlılıklar ile devDeps — resim 5

Uygulama notları

İpuçları:

  • Betikleri kısa ve anlaşılır tutun (örneğin build, test).
  • Çalışma zamanı kitaplıkları → dependencies; araçlar → devDependencies.
  • ^ aralıklarıyla başlayın; gerekirse daha sonra tam sürümleri kilitleyin.
package.json, betikler ve bağımlılıklar ile devDeps — resim 6

scripts alanı testi

Hızlı kontrol: Komutlar nerede bulunur?

package.json, betikler ve bağımlılıklar ile devDeps — resim 7

Özet

Özet: package.json proje bilgilerini, görevleri çalıştırmak için scripts'i ve çalışma zamanı bağımlılıklarını (dependencies) geliştirme araçlarından (devDependencies) ayıran yapıyı listeler. Güncel kalmak için basit anlamsal sürüm aralıklarını kullanın.

package.json, betikler ve bağımlılıklar ile devDeps — resim 8

Sıkça Sorulan Sorular

“package.json, betikler ve bağımlılıklar ile devDeps” dersi ücretsiz mi?

Evet — “package.json, betikler ve bağımlılıklar ile devDeps” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 3 dersten oluşur.

“package.json, betikler ve bağımlılıklar ile devDeps” dersinde ne öğreneceğim?

package.json alanlarını anlayın, basit betikler tanımlayın ve bağımlılıklar ile devDependencies arasındaki farkı öğrenin. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 1. dersidir.

“package.json, betikler ve bağımlılıklar ile devDeps” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. package.json, betikler ve bağımlılıklar ile devDeps
  2. npx ve Anlamsal Sürüm Aralıkları
  3. Yerel ve Global Araçlar, Bin'ler ve Ekip Dostu İş Akışları
← JavaScript Academy Sayfasına Dön