sbt ve Scala.js

Eğitim Hakkında

sbt build sistemi ve Scala.js ile web geliştirme

Eğitim, Scala projelerinin yapı aracı sbt ile Scala'dan JavaScript üreten Scala.js'i birlikte işler. build.sbt, settings-tasks-scope modeli, %% ve %%% operatörleri, çok projeli yapı, plugin'ler, assembly ve çapraz derleme anlatılır. Scala.js derleyicisi, fastLinkJS/fullLinkJS, DOM erişimi, JS facade ve npm entegrasyonu uygulanır. Laminar ile reaktif arayüz, Vite ile paketleme, sbt-crossproject ile JVM-JS ortak kod, upickle ile ortak sözleşme ve tam yığın laboratuvarı yapılır.

Süre ve Format

2 Gün. Her gün dört modül; sbt Build Sistemi; Scala.js ile Web Uygulaması ekseninde ilerleyen uygulamalı program.

Seviye

Orta Seviye — sbt ile Scala proje yönetimi ve Scala.js ile tarayıcı uygulaması: build.sbt, çok proje, cross-project, DOM, Laminar ve paketleme.

Öğrenme Metodu

Önce sbt build'i adım adım kurulur; ardından basit bir Scala.js uygulaması ortak model kullanan tam yığın projeye dönüştürülür.

Neden Bu Eğitim?

🏗️Build Hâkimiyeti

sbt'nin ayar, görev ve scope modelini anlayarak karmaşık build'leri yönetirsiniz.

🌐Scala'dan Tarayıcıya

Aynı dille hem sunucu hem tarayıcı kodu yazarsınız.

♻️Ortak Kod

Doğrulama ve model kodunu JVM ile JS arasında paylaşırsınız.

Anahtar Konular

sbtscala.jssbt eğitimiscala js laminarsbt build.sbtsbt-assemblyscala crossprojectscala web geliştirmescala build aracıscala.js vite

“Bir dilin iki platformda çalışması, aynı hatayı iki kez yazmamayı sağlar.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1

Scala Temeli

Temel Scala (case class, trait, koleksiyonlar) bilgisi gerekir.

2

Web Temelleri

HTML, DOM ve JavaScript temel bilgisi gerekir.

3

Araçlar

JDK 17+, sbt, Node.js ve IDE kurulu olmalıdır.

4

Terminal

Komut satırı kullanımı gerekir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı sbt ile çok projeli, çapraz derlenen ve paketlenen Scala projeleri yönetir.

Modül 1

sbt Temelleri

build.sbt yapısı, ayarlar (settings) ve görevler (tasks)
Scope: project, configuration, task
libraryDependencies ve %% / %%% operatörleri
sbt shell, ~compile ve ~test ile sürekli derleme
Çok projeli yapı (lazy val project) ve aggregate/dependsOn
project/plugins.sbt ve sbt sürümü

Modül 2

sbt İleri Kullanım

Özel görev ve ayar tanımlama
Çapraz derleme (crossScalaVersions)
sbt-assembly ve sbt-native-packager
Test yapılandırması ve filtreleme
Bağımlılık çözümleme: Coursier ve evicted
sbt-dependency-graph ve güncelleme (sbt-updates)

Modül 3

Üretim, Paketleme ve Test

Vite ile paketleme ve fullLinkJS optimizasyonu
Kaynak haritaları (source map) ve hata ayıklama
Node.js üzerinde test çalıştırma
Bundle boyutu analizi
CI'da sbt build ve cache
Dağıtım: statik barındırma

Modül 4

Ortak Kod ve Çok Platform

sbt-crossproject: JVM + JS ortak modül
Ortak alan modeli ve doğrulama kodu
JSON serileştirme: upickle veya circe
Ortak API sözleşmesi (client/server)
Test: ScalaTest ve uTest ile JS testleri
Platforma özgü uygulamalar (jvm/js dizinleri)

Günün hedefiKatılımcı Scala.js ile arayüz geliştirir ve ortak kodlu tam yığın uygulama tamamlar.

Modül 1

Scala.js Giriş

Scala.js derleyicisi: Scala'dan JavaScript'e
fastLinkJS ve fullLinkJS
ScalaJSPlugin ve scalaJSUseMainModuleInitializer
Çıktı modülleri: ESM ve CommonJS
Scala.js ile Scala JVM kod paylaşımı
Tarayıcıda ilk Scala.js uygulaması

Modül 2

DOM ve JavaScript Birlikte Çalışma

scala-js-dom ile document ve element erişimi
js.Dynamic ve js.Object
@JSImport ile npm paketi kullanımı
Facade yazımı (@js.native)
js.Promise ve Future dönüşümü
Olay işleme ve DOM güncelleme

Modül 3

Scala.js ile UI

Laminar ile reaktif arayüz (Var, Signal, EventStream)
Vite ve scalajs-vite entegrasyonu
Bileşen tasarımı ve durum yönetimi
HTTP istekleri (Fetch) ve JSON
Routing (Waypoint)
Küçük görev listesi uygulaması

Modül 4

Lab: Ortak Kodlu Tam Yığın Uygulama

JVM backend (http4s/Play) iskeleti
Scala.js ön yüz ve ortak model modülü
API çağrıları ve tip güvenli sözleşme
Doğrulama kodunun iki tarafta paylaşılması
sbt ile tek komutla derleme
Paketleme ve çalıştırma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

build.sbt

Ayar, görev ve scope modelini kullanarak build tanımlayabilirsiniz.

🧩

Bağımlılıklar

%% ve %%% operatörleriyle doğru kütüphane seçebilirsiniz.

⚙

Çok Proje

Aggregate ve dependsOn ile çok projeli yapı kurabilirsiniz.

️

Paketleme

sbt-assembly ile çalıştırılabilir paket üretebilirsiniz.

🔍

Scala.js Derleme

fastLinkJS ve fullLinkJS çıktılarını yönetebilirsiniz.

🛠

DOM Erişimi

scala-js-dom ve facade ile JavaScript'le konuşabilirsiniz.

️

Reaktif UI

Laminar ile reaktif arayüz geliştirebilirsiniz.

🧪

Ortak Kod

crossProject ile JVM ve JS arasında model paylaşabilirsiniz.

Kimler İçin Uygundur?

Scala bilen
proje yönetimi ile ön yüz geliştirme becerilerini Scala'da birleştirmek isteyen geliştiriciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Scala bilen ve proje yönetimi ile ön yüz geliştirme becerilerini Scala'da birleştirmek isteyen geliştiriciler için uygundur.

sbt mi Maven mi?

Scala ekosisteminde sbt standarttır; Maven farkları kısaca anılır.

Scala.js ile React kullanılır mı?

Evet, ancak eğitimde Laminar ve temel DOM işlenir; React facade yaklaşımı kavramsal anılır.

Node.js gerekli mi?

Vite ve npm paketleri için Node.js kurulu olmalıdır.

Eğitim sonunda sertifika verilir mi?

Katılım ve değerlendirme sonrasında Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika

SIMPLE BUILD TOOL (SBT) & SCALA.JS EĞİTİMİ