Modern JavaScript TT4110 Eğitimi

Eğitim Hakkında

Eski söz diziminden ES6 ve sonrasının modern, okunabilir ve asenkron JavaScript'ine geçiş

JumpStart to using Modern JavaScript (TT4110) Eğitimi, ECMAScript 2015 ve sonrası ile gelen modern JavaScript özelliklerini hızlı ve uygulamalı öğretir. Katılımcılar let ve const, arrow fonksiyonlar, şablon dizeleri, destructuring, spread ve rest gibi söz dizimi yeniliklerini kullanır. Sınıflar, ES modülleri, Map ve Set, Promise, async/await ve fetch ile veri alışverişi işlenir. Program modern araçlar ve işlevsel kalıplarla güncel, bakımı kolay JavaScript yazmaya odaklanır.

Süre ve Format

4 Gün. Her gün dört modül; küçük bir uygulama modern JavaScript özellikleriyle adım adım geliştirilir ve her modülde yeni bir söz dizimi uygulanır.

Seviye

Orta Seviye — ES6 ve sonrası modern JavaScript: let/const, arrow, modül, class, Promise ve async/await

Öğrenme Metodu

Küçük bir uygulama dört gün boyunca modern JavaScript özellikleriyle geliştirilir; her modülde yeni bir söz dizimi veya API uygulanır.

Neden Bu Eğitim?

✨Okunabilir söz dizimi

let/const, arrow fonksiyon ve destructuring ile daha kısa, açık ve hataya daha kapalı kod yazmayı öğrenirsiniz.

🔄Asenkron hakimiyeti

Promise ve async/await ile geri çağrım karmaşasından kurtulur, asenkron veri akışını okunur ve yönetilebilir kılarsınız.

🧩Modüler yapı

ES modülleri ve sınıflarla kodu parçalara böler, yeniden kullanılabilir ve bakımı kolay bir proje yapısı kurarsınız.

Anahtar Konular

modern javascript eğitimies6 eğitimijavascript kursuasync await eğitimipromise javascriptjavascript modül eğitimiarrow fonksiyonfetch api eğitimitt4110 javascriptweb geliştirme eğitimi

“Modern JavaScript sadece yeni söz dizimi değil, yeni bir düşünme biçimidir; bu eğitim o düşünceyi hızlıca kazandırır.”

Ön Koşullar

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

1

Temel JavaScript

Değişken, fonksiyon, koşul ve döngü gibi temel JavaScript kavramlarına aşinalık beklenir; eğitim bunları modernleştirir.

2

HTML ve DOM

Temel HTML yapısı ve DOM kavramına aşinalık, örnekleri tarayıcıda uygulamayı kolaylaştırır.

3

Node.js kurulumu

Modül ve araç örnekleri için Node.js ile npm'in kurulu olması gerekir; kurulum ilk modülde gösterilir.

4

Kod editörü

Visual Studio Code gibi bir editör, tarayıcı geliştirici araçlarıyla birlikte örnekleri denemek için önerilir.

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ı let ve const ile kapsam yönetir, arrow fonksiyon ve şablon dizeleri kullanır, destructuring ile değer çıkarır ve spread/rest ile veriyi esnek işler.

Modül 1

let, const ve Blok Kapsamı

var ile let ve const arasındaki kapsam farkı
Blok kapsamı ve değişken yükseltme (hoisting)
const ile yeniden atamanın engellenmesi
Geçici ölü bölge (temporal dead zone) kavramı
Döngülerde let ile güvenli değişken kullanımı
Ne zaman const, ne zaman let seçileceği

Modül 2

Arrow Fonksiyonlar

Arrow fonksiyon söz dizimi ve kısa yazım
Örtük dönüş (implicit return) kullanımı
this bağlamının leksikal olarak korunması
Geleneksel fonksiyon ile davranış farkı
Dizi yöntemlerinde arrow ile geri çağrım
arguments nesnesinin arrow'da bulunmaması

Modül 3

Şablon Dizeleri (Template)

Backtick ile çok satırlı dize oluşturma
${} ile ifade yerleştirme (interpolation)
Dize birleştirmeye göre okunabilirlik kazancı
Etiketli şablon (tagged template) temeli
HTML parçasını şablon dizesiyle üretme
Kaçış karakterleri ve özel durumlar

Modül 4

Destructuring, Spread ve Rest

Dizi destructuring ile öğeleri değişkene alma
Nesne destructuring ve özellik yeniden adlandırma
Varsayılan değerlerle destructuring
Spread ile dizi ve nesne kopyalama/birleştirme
Rest parametresi ile değişken sayıda argüman
Fonksiyon parametresinde destructuring kullanımı

Günün hedefiKatılımcı class söz dizimiyle nesne modelleri kurar, gelişmiş nesne kısa yollarını kullanır, Map ve Set ile veri tutar ve ES modülleriyle kodu düzenler.

Modül 1

Sınıf Söz Dizimi

class ve constructor ile nesne tanımlama
Yöntem ve alan (field) tanımları
get ve set ile erişimci yöntemler
static yöntem ve özellik kullanımı
Prototip tabanlı modelle ilişkisi
Örnek oluşturma ve new anahtar sözcüğü

Modül 2

Kalıtım ve Private Alanlar

extends ile sınıf kalıtımı kurma
super ile üst sınıf çağrısı yapma
Yöntem geçersiz kılma (override)
# ile private alan ve yöntem tanımı
instanceof ile örnek tür kontrolü
Kompozisyon ile kalıtım dengesi

Modül 3

Gelişmiş Nesne ve Koleksiyonlar

Kısa özellik ve yöntem yazımı (shorthand)
Hesaplanmış özellik adları (computed keys)
Object.assign ve Object.entries kullanımı
Map ile anahtar-değer koleksiyonu
Set ile benzersiz değer kümesi
Symbol ile benzersiz anahtar oluşturma

Modül 4

ES Modülleri (import/export)

export ile adlandırılmış dışa aktarım
export default ile varsayılan aktarım
import ile başka modülü içe aktarma
Modül kapsamı ve yan etki içe aktarımı
Dinamik import() ile tembel yükleme
Tarayıcıda type=module ile çalıştırma

Günün hedefiKatılımcı Promise ile asenkron işlemleri zincirler, async/await ile okunur kod yazar, fetch ile veri alır ve iteratör/generator kavramlarını uygular.

Modül 1

Promise Temelleri

Geri çağrım cehenneminden Promise'e geçiş
Promise oluşturma, resolve ve reject
then ve catch ile sonuç ve hata yönetimi
finally ile her durumda çalışan blok
Promise zincirleme ve değer aktarımı
Promise durumları: pending, fulfilled, rejected

Modül 2

async ve await Kullanımı

async fonksiyon ile Promise döndürme
await ile asenkron sonucu bekleme
try/catch ile asenkron hata yakalama
Ardışık ve paralel await kullanımı
Promise.all ile birden çok işi bekleme
Promise.allSettled ve Promise.race senaryoları

Modül 3

fetch ile Veri Alışverişi

fetch ile sunucuya GET isteği yapma
Response ve .json() ile yanıt işleme
POST isteği, headers ve body yapılandırma
HTTP durum kodlarını ve ok alanını kontrol
Ağ hatalarını try/catch ile yakalama
AbortController ile isteği iptal etme

Modül 4

İteratörler ve Generator

for...of ile yinelenebilir nesnelerde döngü
Symbol.iterator ile özel iteratör
function* ile generator fonksiyon
yield ile değer üretme ve duraklama
Spread ve destructuring ile iteratör kullanımı
Asenkron iteratör ve for await...of

Günün hedefiKatılımcı dizi yöntemleriyle işlevsel kod yazar, değişmezlik ilkesini uygular, Babel ve ESLint gibi araçları tanır ve öğrendiklerini küçük bir projede birleştirir.

Modül 1

İşlevsel Dizi Yöntemleri

map ile dizi öğelerini dönüştürme
filter ile koşula göre öğe eleme
reduce ile diziyi tek değere indirgeme
find, some ve every ile arama ve kontrol
Zincirleme dizi yöntemleriyle veri işleme
forEach ile for döngüsü arasında seçim

Modül 2

Değişmezlik ve Saf Fonksiyonlar

Değişmezlik (immutability) ilkesi ve faydası
Spread ile değiştirmeden güncelleme
Object.freeze ile nesneyi dondurma
Saf fonksiyon (pure function) kavramı
Yan etkilerin yönetimi ve izolasyonu
Değişmez veriyle öngörülebilir durum

Modül 3

Modern Araç Hattı

Babel ile yeni söz dizimini dönüştürme
ESLint ile kod kalitesi ve kural uygulama
Prettier ile otomatik kod biçimlendirme
Bundler (Vite/Webpack) ile paketleme mantığı
package.json ve npm script kullanımı
Tarayıcı uyumu ve polyfill kavramı

Modül 4

Bitirme Projesi Uygulaması

Modüler yapıda küçük bir uygulama kurma
fetch ile API'den veri çekip gösterme
class ve modüllerle kodu düzenleme
async/await ile veri akışını yönetme
Dizi yöntemleriyle veriyi filtreleme ve sıralama
ESLint ile kodu denetleyip iyileştirme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Modern söz dizimi

let/const, arrow fonksiyon, şablon dize ve destructuring ile daha kısa, okunabilir ve güvenli JavaScript kodu yazarsınız.

✅

Spread ve rest

Spread ve rest ile dizi ve nesneleri esnek biçimde kopyalar, birleştirir ve değişken sayıda argümanı yönetirsiniz.

✅

Sınıflar

class, kalıtım, static ve private alanlarla nesne modelleri kurar, kodu düzenli ve yeniden kullanılabilir hale getirirsiniz.

✅

ES modülleri

import ve export ile kodu modüllere böler, dinamik import ile tembel yükleyerek proje yapısını ölçeklenebilir kılarsınız.

✅

Promise ve async

Promise ile asenkron işlemleri zincirler, async/await ile okunur kod yazar ve hataları try/catch ile güvenle yakalarsınız.

✅

fetch ile veri

fetch ile sunucudan veri alır, JSON yanıtı işler, durum kodlarını kontrol eder ve istekleri gerektiğinde iptal edersiniz.

✅

İşlevsel diziler

map, filter ve reduce ile işlevsel kod yazar, değişmezlik ilkesiyle öngörülebilir ve test edilebilir yapılar kurarsınız.

✅

Modern araçlar

Babel, ESLint ve bundler kavramlarını tanır, öğrendiklerinizi modüler bir bitirme projesinde bir araya getirirsiniz.

Kimler İçin Uygundur?

Eski JavaScript bilgisini ES6
sonrasının modern söz dizimine ve asenkron modeline taşımak isteyen geliştiriciler ile güncel ön yüz veya Node.js projelerine hazırlanan yazılımcılar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Eski JavaScript bilgisini ES6 ve sonrasının modern söz dizimine ve asenkron modeline taşımak isteyen geliştiriciler ile güncel ön yüz veya Node.js projelerine hazırlanan yazılımcılar için uygundur. Değişken, fonksiyon, koşul ve döngü gibi temel JavaScript kavramlarına aşinalık beklenir.

TT4110 kodu neyi ifade ediyor?

TT4110, modern JavaScript'e hızlı giriş sağlayan yaygın bir eğitim müfredatının referans kodudur. İçerik ES6 ve sonrası söz dizimi, sınıflar, modüller ve asenkron programlamayı kapsar. Eğitim bu çerçeveyi temel alır ve kurumun kullandığı ortam ile projelere göre uyarlanabilir.

Asenkron programlama sıfırdan mı anlatılıyor?

Evet. Geri çağrımlardan Promise'e, oradan async/await'e kadar asenkron model adım adım işlenir. fetch ile veri alışverişi, try/catch ile hata yönetimi, Promise.all ile paralel işlemler ve iteratör/generator örneklerle gösterilir. Böylece asenkron kod hem okunur hem yönetilebilir hale gelir.

Eğitimin süresi ve formatı nedir?

Eğitim dört gün sürer ve her gün dört modülden oluşur. Küçük bir uygulama modern JavaScript özellikleriyle adım adım geliştirilir. Yüz yüze veya online yapılabilir; içerik kurumun ön yüz veya Node.js odaklı ihtiyaçlarına göre uyarlanabilir.

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 örnek projeyi belgeler; kurumsal gruplara özel uyarlama ve mevcut kod tabanına yönelik modernleştirme danışmanlığı ile genişletilebilir.

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

JUMPSTART TO USING MODERN JAVASCRIPT (TT4110) EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

let, const ve Blok Kapsamı

Arrow Fonksiyonlar

Şablon Dizeleri (Template)

Destructuring, Spread ve Rest

Sınıf Söz Dizimi

Kalıtım ve Private Alanlar

Gelişmiş Nesne ve Koleksiyonlar

ES Modülleri (import/export)

Promise Temelleri

async ve await Kullanımı

fetch ile Veri Alışverişi

İteratörler ve Generator

İşlevsel Dizi Yöntemleri

Değişmezlik ve Saf Fonksiyonlar

Modern Araç Hattı

Bitirme Projesi Uygulaması

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Application Development with Node.js: Build Apps using Modules & MEAN Stack Eğitimi

Application Development with Node.js: Language Fundamentals Eğitimi

Application Development with Node.js: Managing Advanced Application Elements Eğitimi

Application Development with Node.js: Microservices Eğitimi

Application Development with Node.js: Microservices Frameworks, & Utilities Eğitimi

Application Development with Node.js: Node Clusters & Memory Optimizations Eğitimi