Kurulum yok · tarayıcıda çalışır · ücretsiz

Kodla, öğren,
anında gör.

CodeSandbox ve StackBlitz tarzı, tamamen tarayıcıda çalışan gelişmiş kod oyun alanı. React, TypeScript, JavaScript, HTML/CSS, Python ve Markdown — hepsi tek ortamda, canlı önizleme, terminal, paket yöneticisi ve interaktif derslerle birlikte.

13 hazır şablon 28 interaktif ders 6 dil ve teknoloji 14 başarım
App.tsx — tarayıcıda derleniyor canlı
1
1
2
3
4
5
6
7
8
9
10

Şablon Galerisi

Tek tıkla çalışan projeler — hepsi özenle yazılmış başlangıç kodlarıyla.

⚛️React + TypeScript

React + TypeScript

Bileşenler, state, props — modern React 18 tam donanımlı başlangıç.

#react#typescript#ui
Şimdi aç
🧰React + TypeScript

React + Zustand

Global durum yönetimi: görev listesi uygulaması.

#react#zustand#state
Şimdi aç
🟦TypeScript

TypeScript

Arayüzler, genel tipler, tip çıkarımı — saf TS oyun alanı.

#typescript#vanilla
Şimdi aç
🟨JavaScript

JavaScript

Dizi metodları, async/await, DOM — klasik JS oyun alanı.

#javascript#vanilla
Şimdi aç
🌐HTML / CSS / JS

HTML / CSS / JS

Klasik üç dosyalı web sayfası: tema, sayaç, canlı renk.

#html#css#vanilla
Şimdi aç
🐍Python (Pyodide)

Python (Pyodide)

Tarayıcıda gerçek Python: sınıflar, üreteçler, özyineleme.

#python#wasm
Şimdi aç
🎮TypeScript

Canvas Oyunu

Oyun döngüsü, çarpışma, requestAnimationFrame — Yıldız Avcısı.

#canvas#oyun#typescript
Şimdi aç
🧪TypeScript

Algoritma Laboratuvarı

İkili arama, quicksort, memoizasyon, BFS — konsol testleriyle.

#algoritma#typescript
Şimdi aç
🧩JSON / Veri

JSON Veri Laboratuvarı

JSON doğrulama, biçimlendirme ve tarayıcı içi önizleme.

#json#veri#config
Şimdi aç
🗃️SQL (Tarayıcı)

SQL Tarayıcı Laboratuvarı

AlaSQL ile veritabanı kurulumu, veri ekleme ve sorgu çalıştırma; tümü tarayıcı içinde.

#sql#database#alasql#browser
Şimdi aç
⚙️YAML / Yapılandırma

YAML Yapılandırma

YAML dosyalarını düzenle ve güvenli tarayıcı önizlemesinde incele.

#yaml#config#devops
Şimdi aç
🧱XML / SVG

XML / SVG Belgesi

XML ve SVG yapılarını düzenle, biçimlendir ve tarayıcı içi metin önizlemesi al.

#xml#svg#markup
Şimdi aç
📝Markdown

Markdown

Not alma, dokümantasyon yazma — canlı önizlemeyle.

#markdown#dokümantasyon
Şimdi aç

Neler Var?

Anında Derleme Motoru

sucrase tabanlı tarayıcı içi derleyici; TypeScript ve JSX'i sıfır beklemeyle çalıştırır.

Gerçek Paket Yönetimi

npm kayıt defterinde ara, tek tıkla ekle — paketler esm.sh üzerinden ESM olarak yüklenir.

Terminal

ls, cat, mv, add… Sanal dosya sistemini yöneten tam donanımlı kabuk.

Canlı Önizleme

Mobil/tablet/tam genişlik görünümü, hata yakalama ve etkileşimli konsol (REPL).

25 Derslik Müfredat

JS → TS → React → Algoritmalar; otomatik testler, XP, seviye ve 14 başarım.

Tek Tıkla Paylaşım

Projen URL içine sıkıştırılır — sunucu yok, hesap yok, doğrudan açılır.

Monaco Editör

VS Code'un editörü: sözdizimi, otomatik tamamlama, çoklu imleç altyapısı.

Python Desteği

Pyodide/WebAssembly ile gerçek Python — numpy gibi paketler dahil.