Ethereum dApp Geliştirme (Web3) Eğitimi

Eğitim Hakkında

Akıllı kontrattan Web3 arayüzüne, cüzdan bağlamadan olay dinleme ve IPFS depolamaya dApp geliştirme

Blockchain Application Development with Ethereum Eğitimi, akıllı kontratları gerçek bir merkeziyetsiz uygulamaya (dApp) dönüştürmeyi öğretir. Katılımcılar Solidity kontratını Hardhat ile dağıtır, ethers.js ile bağlanır ve MetaMask cüzdanıyla kullanıcı etkileşimi kurar. ABI, provider ve signer kavramları, kontrat çağırma, event dinleme, React ile Web3 arayüzü, IPFS ile merkeziyetsiz depolama ve işlem durumu yönetimi uygulamalı işlenir. Eğitim uçtan uca çalışan bir dApp üretir.

Süre ve Format

3 Gün. Her gün dört modül; kontrat dağıtılır ve React arayüzüne bağlanarak çalışan bir dApp üretilir.

Seviye

Orta Seviye — Ethereum akıllı kontratlarını ethers.js ve React ile tam bir dApp arayüzüne bağlamayı öğretir

Öğrenme Metodu

Her konu gerçek bir dApp üzerinde uygulanır; kontrat dağıtılır, ethers.js ile bağlanır ve React arayüzünden çağrılır.

Neden Bu Eğitim?

🔌Kontrat bağlantısı

ethers.js ile provider, signer ve ABI kavramlarını öğrenerek akıllı kontratları arayüze güvenle bağlarsınız.

🦊Cüzdan entegrasyonu

MetaMask ile cüzdan bağlama, ağ değiştirme ve işlem imzalama akışını kurarak gerçek kullanıcı etkileşimi sağlarsınız.

⚛️Tam dApp üretimi

React ve IPFS ile uçtan uca çalışan bir merkeziyetsiz uygulama geliştirerek zincir ile arayüzü eksiksiz birleştirirsiniz.

Anahtar Konular

ethereum eğitimidapp eğitimiweb3 eğitimiethers.js eğitimiblockchain uygulama geliştirmemetamask entegrasyon eğitimireact web3 eğitimimerkeziyetsiz uygulama eğitimiethereum geliştirici eğitimiipfs eğitimi

“Bir dApp, zincirdeki güvenle arayüzdeki deneyimi birleştirir; gerçek değer kullanıcının kontratla sorunsuz buluştuğu yerde doğar.”

Ön Koşullar

Eğitimden verim almak için gereken teknik birikim

1

JavaScript bilgisi

Modern JavaScript (ES6+) ve asenkron (async/await) deneyimi ethers.js kullanımı için gereklidir.

2

React temeli

Bileşen, props ve state gibi temel React kavramlarına aşinalık arayüz modüllerinde faydalıdır.

3

Solidity temeli

Akıllı kontratın ne olduğu ve temel Solidity bilgisi kontrat tarafını anlamayı kolaylaştırır.

4

Node.js ve MetaMask

Node.js kurulu bir bilgisayar ve tarayıcıda MetaMask eklentisi geliştirme için gereklidir.

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ı Web3 mimarisini kavrar, Hardhat ile kontrat dağıtır, ethers.js ile provider ve signer kurar, ABI üzerinden kontrat fonksiyonlarını okuyup çağırır.

Modül 1

Web3 ve dApp Mimarisi

Merkezi uygulama ile dApp mimarisi farkı
İstemci, kontrat ve zincir katmanları
On-chain ve off-chain veri ayrımı
JSON-RPC ve düğüm sağlayıcı (Infura/Alchemy)
dApp'te kimlik: cüzdan adresi yaklaşımı
Tipik dApp veri akışının bütünü

Modül 2

Kontrat Hazırlığı ve Dağıtım

Hardhat projesi ve kontrat derleme
ABI ve bytecode çıktılarının anlamı
Yerel ağ ve Sepolia'ya dağıtım
Dağıtılan kontrat adresinin kullanımı
ABI'nin arayüz tarafına aktarılması
Dağıtım betiği ile tekrarlanabilir kurulum

Modül 3

ethers.js ile Bağlantı

Provider ile zincire salt-okunur bağlanma
Signer ile işlem imzalama yetkisi
Contract nesnesi oluşturma (adres + ABI)
view fonksiyonu okuma (call) işlemi
Birim dönüşümü: parseEther ve formatEther
BigNumber ile sayısal değer yönetimi

Modül 4

Kontrat Fonksiyonu Çağırma

Durum değiştiren fonksiyon gönderme (send)
İşlem (transaction) nesnesi ve onay bekleme
Gas tahmini ve işlem seçenekleri
payable fonksiyona Ether gönderme
Hata yakalama ve revert mesajı okuma
İşlem makbuzu (receipt) ve blok onayı

Günün hedefiKatılımcı MetaMask ile cüzdan bağlar, ağ ve hesap değişimini yönetir, React ile bir arayüz kurar ve kontrat verisini okuyup işlem gönderir.

Modül 1

MetaMask Entegrasyonu

window.ethereum ve EIP-1193 sağlayıcısı
eth_requestAccounts ile cüzdan bağlama
Hesap ve ağ (chainId) bilgisini tespit
Ağ değiştirme ve ekleme isteği
accountsChanged ve chainChanged olayları
Bağlantı durumu ve kullanıcı reddi yönetimi

Modül 2

React ile Web3 Arayüzü

Proje kurulumu ve ethers.js entegrasyonu
Cüzdan bağlantısını Context ile paylaşma
useState ve useEffect ile zincir verisi
Bağlan düğmesi ve adres gösterimi
Kontrat örneğini hook ile yönetme
Yükleniyor ve hata durumları gösterimi

Modül 3

Veri Okuma ve İşlem Gönderme

Kontrattan bakiye ve durum okuma
Form ile kullanıcı girdisi alma
İşlem gönderme ve bekleme göstergesi
İşlem başarısı ve hata bildirimi (toast)
Ekranı işlem sonrası güncelleme
Birden çok kontrat çağrısını yönetme

Modül 4

Olay Dinleme ve Gerçek Zaman

Kontrat event'lerini ethers.js ile dinleme
Geçmiş olayları sorgulama (queryFilter)
Olayla arayüzü gerçek zamanlı güncelleme
Olay dinleyicilerini temizleme (cleanup)
İndexed parametre ile olay filtreleme
Olay tabanlı bildirim akışı kurma

Günün hedefiKatılımcı IPFS ile merkeziyetsiz depolamayı entegre eder, işlem ve hata durumlarını yönetir, güvenlik ilkelerini uygular ve dApp'i bir barındırma ortamına dağıtır.

Modül 1

IPFS ile Merkeziyetsiz Depolama

On-chain depolama maliyeti ve sınırı
IPFS ve içerik adresleme (CID) mantığı
Dosya ve metadata'yı IPFS'e yükleme
Pinning servisi ile içerik kalıcılığı
NFT metaverisini IPFS'te saklama
CID değerini kontratta referanslama

Modül 2

Durum ve İşlem Yönetimi

Bekleyen (pending) işlem durumu yönetimi
Onay sayısı ve kesinlik bekleme
İşlem başarısızlığında kullanıcıya geri bildirim
Nonce ve sıralı işlem sorunları
Optimistik arayüz güncelleme yaklaşımı
Zincir verisi ile arayüz senkronizasyonu

Modül 3

dApp Güvenlik İlkeleri

Kullanıcı girdisini doğrulama ve sınırlama
Oltalama ve sahte işlem risklerinden koruma
Private key'in asla arayüze girmemesi
RPC ve API anahtarlarını koruma
Kontrat adresi ve ABI doğrulama
Güvenli cüzdan etkileşimi ilkeleri

Modül 4

Test ve Yayına Alma

Arayüzü test ağında uçtan uca sınama
Çevresel değişkenlerle ağ yapılandırması
dApp'i Vercel veya Netlify'a dağıtma
IPFS üzerinde arayüz barındırma seçeneği
Mainnet'e geçiş öncesi kontrol listesi
Kullanıcı deneyimi ve cüzdan rehberliği

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Web3 mimarisi

Merkezi uygulama ile dApp farkını, on-chain/off-chain ayrımını ve düğüm sağlayıcı kavramını kavrayarak dApp veri akışını bütün olarak anlarsınız.

✅

ethers.js kullanımı

Provider, signer, ABI ve Contract nesnesiyle kontrat fonksiyonlarını okur, işlem gönderir ve BigNumber ile değerleri doğru yönetirsiniz.

✅

Kontrat dağıtımı

Hardhat ile kontratı derler, test ağına dağıtır ve ABI'yi arayüze aktararak kontratı uygulamaya tekrarlanabilir biçimde bağlarsınız.

✅

MetaMask entegrasyonu

window.ethereum sağlayıcısıyla cüzdan bağlar, hesap ve ağ değişimini dinler, kullanıcı reddi ile bağlantı durumlarını yönetirsiniz.

✅

React Web3 arayüzü

React, Context ve hook'larla cüzdan ve kontrat durumunu yöneten, yükleniyor ve hata durumlarını gösteren bir Web3 arayüzü kurarsınız.

✅

Olay dinleme

Kontrat event'lerini dinler, geçmiş olayları sorgular ve arayüzü zincirdeki değişimlere göre gerçek zamanlı güncellersiniz.

✅

IPFS entegrasyonu

Dosya ve metadata'yı IPFS'e yükler, CID ile içeriği adresler ve on-chain maliyeti düşürerek merkeziyetsiz depolamayı kurarsınız.

✅

dApp yayınlama

İşlem durumlarını ve güvenliği yöneten dApp'i test ağında sınar ve Vercel veya IPFS üzerinde yayına alarak uçtan uca teslim edersiniz.

Kimler İçin Uygundur?

Akıllı kontratı arayüze bağlayıp tam dApp geliştirmek isteyen web geliştiriciler
frontend
full-stack yazılımcılar ile Web3 ekosistemine geçiş yapan profesyoneller için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Akıllı kontratı arayüze bağlayıp tam dApp geliştirmek isteyen web geliştiriciler, frontend ve full-stack yazılımcılar ile Web3 ekosistemine geçiş yapan profesyoneller için uygundur. JavaScript ve temel React bilgisi gereklidir; derin Solidity bilgisi şart değildir.

Smart Contract eğitiminden farkı nedir?

Smart Contract eğitimi zincir üzerindeki kontrat katmanına, yani Solidity ile güvenli kontrat yazımına odaklanır. Bu eğitim ise uygulama katmanına odaklanır: ethers.js, MetaMask, React ve IPFS ile kontratı çalışan bir dApp arayüzüne bağlar. İkisi birbirini tamamlar.

Hangi araç ve kütüphaneler kullanılıyor?

Kontrat tarafında Hardhat, bağlantıda ethers.js, cüzdanda MetaMask, arayüzde React, depolamada IPFS kullanılır. Düğüm erişimi için Infura veya Alchemy, dağıtım için Vercel gibi barındırma ortamları uygulamalı olarak tanıtılır.

Eğitimde çalışan bir uygulama üretiliyor mu?

Evet. Eğitim boyunca örnek bir akıllı kontrat dağıtılır ve React arayüzüne bağlanarak cüzdan bağlama, veri okuma, işlem gönderme, olay dinleme ve IPFS depolama içeren uçtan uca çalışan bir dApp üretilip test ağında yayına alınır.

Eğitim sonunda sertifika veriliyor mu?

Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve geliştirilen dApp çıktısını belgeler; kurumsal gruplara özel uyarlama yapılabilir.

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