FSD FRONT-END DEVELOPMENT: USING JAVASCRIPT FUNCTIONS EĞİTİMİ

Fonksiyonları ustaca kullanarak kod yazın

Kapsam, closure, yüksek dereceli fonksiyonlar ve fonksiyonel tekniklerle güçlü JavaScript yazın

Bu eğitim, ön yüz geliştirmenin temeli olan JavaScript fonksiyonlarını derinlemesine ve uygulamalı öğretir. Program fonksiyon tanım biçimleri, parametreler ve ilk sınıf fonksiyonlarla başlar; kapsam, hoisting ve closure işlenir.

4 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Fonksiyon tanımından closure'a, yüksek dereceli fonksiyonlardan fonksiyonel tekniklere akış

FSD Front-End Development: Using JavaScript Functions Eğitimi, modern ön yüz geliştirmenin temeli olan fonksiyonları derinlemesine ve uygulamalı öğretir. Katılımcılar fonksiyon tanım biçimlerini, parametre ve argümanları, kapsam, hoisting ve closure kavramlarını öğrenir. Yüksek dereceli fonksiyonlar, geri çağırmalar, this bağlamı, arrow fonksiyonlar, dizi metotları ve saflık, currying, kompozisyon gibi fonksiyonel teknikler gerçek örneklerle ele alınır.

Süre ve Format

4 Gün. Her gün dört modül; her fonksiyon kavramı önce örnekle gösterilir, ardından katılımcı küçük alıştırmalarla uygular.

Seviye

Orta Seviye — JavaScript fonksiyonları, kapsam, closure, yüksek dereceli fonksiyon ve fonksiyonel teknikler

Öğrenme Metodu

Her kavram tarayıcı konsolu ve küçük alıştırmalarla uygulanır; kötü ve iyi fonksiyon tasarımı karşılaştırılarak fark gösterilir.

Neden Bu Eğitim?

🧩Dilin temeli

Fonksiyonlar JavaScript'in çekirdeğidir; kapsam, closure ve bağlamı iyi anlamak her çatı ve kütüphaneye sağlam bir zemin kazandırır.

🧼Temiz ve test edilebilir

Saf fonksiyonlar ve küçük sorumluluklarla kod yazdığınızda okunabilir, test edilebilir ve yan etkisi az bir kod tabanı elde edersiniz.

🔁Fonksiyonel güç

Yüksek dereceli fonksiyonlar, map ve reduce ile kompozisyon gibi tekniklerle veri dönüşümlerini kısa ve ifade gücü yüksek yazarsınız.

Anahtar Konular

javascript fonksiyonlar eğitimijavascript closure eğitimijavascript kursufonksiyonel programlama javascriptyüksek dereceli fonksiyonlarjavascript this bağlamıön yüz geliştirme eğitimijavascript kapsam hoistingmap filter reduce eğitimiileri javascript kursu
“Fonksiyonları gerçekten anladığınızda JavaScript artık bir sözdizimi yığını değil, düşüncelerinizi ifade ettiğiniz esnek bir dile dönüşür.”

Ön Koşullar

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

1
Temel JavaScript

Değişken, tip, koşul ve döngü gibi temel JavaScript konularına aşinalık eğitimden verim için gereklidir.

2
Dizi ve nesne

Dizi ve nesnelerle temel çalışabilmek, fonksiyonel dizi metotlarının takibini kolaylaştırır.

3
Tarayıcı konsolu

Tarayıcı geliştirici araçlarındaki konsolu kullanmak alıştırmaların büyük bölümünde işe yarar.

4
Editör ve tarayıcı

VS Code gibi bir editör ve güncel bir tarayıcı gereklidir; örnekler konsolda veya Node.js ile çalıştırılır.

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ı fonksiyon tanım biçimlerini ayırt eder, parametre ve argümanları yönetir, dönüş değerini kullanır ve fonksiyonların değer olarak taşındığını kavrar.
Modül 1
Fonksiyon Tanım Biçimleri
  • Fonksiyon bildirimi ve fonksiyon ifadesi
  • Adsız ve adlandırılmış fonksiyon ifadesi
  • Arrow fonksiyon söz diziminin kısa yazımı
  • Fonksiyon bildiriminde hoisting davranışı
  • Metot olarak nesne içinde fonksiyon tanımı
  • Hangi tanım biçiminin ne zaman uygun olduğu
Modül 2
Parametre ve Argümanlar
  • Parametre ile argüman arasındaki fark
  • Varsayılan parametre değerleri tanımlama
  • Rest parametresi ile değişken sayıda argüman
  • Spread ile diziyi argümanlara yayma
  • arguments nesnesi ve arrow fonksiyon farkı
  • Nesne parametresiyle isimli argüman deseni
Modül 3
Dönüş Değeri ve Yan Etki
  • return ile değer döndürme ve erken çıkış
  • Değer döndürmeyen fonksiyon ve undefined
  • Yan etki kavramı ve neden önemli olduğu
  • Girdi ve çıktıya odaklı fonksiyon tasarımı
  • Birden fazla değeri nesne ile döndürme
  • Konsola yazdırma ile değer döndürme farkı
Modül 4
İlk Sınıf Fonksiyonlar
  • Fonksiyonun değişkende saklanması
  • Fonksiyonu başka fonksiyona argüman verme
  • Fonksiyonun fonksiyondan döndürülmesi
  • Fonksiyonların dizi ve nesnede tutulması
  • İlk sınıf fonksiyonun sağladığı esneklik
  • Geri çağırma fikrine doğru ilk adım
Günün hedefiKatılımcı global, fonksiyon ve blok kapsamını ayırt eder, hoisting davranışını kavrar, closure ile özel durum tutar ve closure'ın yaygın kullanımlarını uygular.
Modül 1
Kapsam Türleri ve Zincir
  • Global kapsam ve kirlilik riski
  • Fonksiyon kapsamı ve yerel değişkenler
  • let ve const ile blok kapsamı kurma
  • var ile let arasındaki kapsam farkı
  • İç içe kapsam ve kapsam zinciri
  • Değişken gölgelenmesi ve etkileri
Modül 2
Hoisting Davranışı
  • Fonksiyon bildiriminin yukarı çekilmesi
  • var bildiriminin hoisting davranışı
  • let ve const ile geçici ölü bölge
  • Fonksiyon ifadesinde hoisting farkı
  • Hoisting kaynaklı yaygın hatalar
  • Öngörülebilir kod için bildirim düzeni
Modül 3
Closure Kavramı ve Çalışması
  • Closure'ın kapsam zinciriyle ilişkisi
  • İç fonksiyonun dış değişkeni hatırlaması
  • Closure ile özel değişken kapsülleme
  • Sayaç fonksiyonu ile closure örneği
  • Döngü içinde closure ve var tuzağı
  • Closure ve bellek sızıntısına dikkat
Modül 4
Closure Uygulamaları
  • Fabrika fonksiyonu ile nesne üretimi
  • Modül deseni ile özel ve açık üyeler
  • once deseni ile tek seferlik çalışma
  • memoization ile sonuç önbellekleme
  • Olay işleyicilerde closure kullanımı
  • Yapılandırılabilir fonksiyon üretme
Günün hedefiKatılımcı this bağlamının çağrıya göre değiştiğini kavrar, call, apply ve bind ile bağlamı yönetir, geri çağırmaları kullanır ve yüksek dereceli dizi metotlarını uygular.
Modül 1
this Bağlamının Davranışı
  • this değerinin çağrı biçimine göre değişmesi
  • Metot çağrısında this nesneye bağlanır
  • Serbest çağrıda this ve katı mod farkı
  • Arrow fonksiyonda sözcüksel this davranışı
  • Olay işleyicilerde this karmaşası
  • this kaynaklı yaygın hataların çözümü
Modül 2
Bağlam Yönetimi Metotları
  • call ile this ve argüman belirleme
  • apply ile argümanları dizi olarak verme
  • bind ile kalıcı bağlam oluşturma
  • Kısmi uygulama için bind kullanımı
  • Ödünç metot ile başka nesnede çalıştırma
  • Bağlam kaybını önleme teknikleri
Modül 3
Geri Çağırma Fonksiyonları
  • Geri çağırmanın tanımı ve mantığı
  • Senkron ve asenkron geri çağırma farkı
  • setTimeout ile gecikmeli çalışma
  • Olay işleyici olarak geri çağırma
  • Geri çağırma cehennemine düşme riski
  • Geri çağırmadan Promise'e geçiş fikri
Modül 4
Yüksek Dereceli Dizi Metotları
  • forEach ile diziyi yan etkiyle gezme
  • map ile her öğeyi yeni değere dönüştürme
  • filter ile koşula uyan öğeleri seçme
  • reduce ile diziyi tek değere indirgeme
  • find, some ve every arama metotları
  • Dizi metotlarını zincirleyerek dönüşüm
Günün hedefiKatılımcı saf fonksiyonları yan etkiden ayırır, currying ve kısmi uygulamayı kurar, fonksiyon kompozisyonuyla veri dönüştürür ve öğrendiklerini gerçek bir senaryoda birleştirir.
Modül 1
Saf Fonksiyonlar ve Değişmezlik
  • Saf fonksiyonun iki temel özelliği
  • Yan etkileri izole etme stratejisi
  • Değişmezlik ve kopya oluşturma
  • Saf fonksiyonların test kolaylığı
  • Referans yerine değer döndürme
  • Öngörülebilir kodun bakım avantajı
Modül 2
Currying ve Kısmi Uygulama
  • Currying ile çok argümanı tekilleştirme
  • Kısmi uygulama ile argüman sabitleme
  • Closure'ın currying içindeki rolü
  • Yeniden kullanılabilir özel fonksiyon üretme
  • Yapılandırılmış fonksiyonlarla tekrarı azaltma
  • Currying'in okunabilirliğe etkisi
Modül 3
Fonksiyon Kompozisyonu
  • Küçük fonksiyonları birleştirme fikri
  • compose ile sağdan sola birleştirme
  • pipe ile soldan sağa veri akışı
  • Veri dönüşüm hattını adım adım oluşturma
  • Kompozisyonla okunabilir boru hattı kurma
  • Noktasız stilin avantajı ve sınırları
Modül 4
Fonksiyonlarla Gerçek Senaryo
  • Ham veri listesini temizleme ve dönüştürme
  • Filtre, map ve reduce ile rapor üretme
  • Olay işleyicilerde closure ile durum tutma
  • debounce ve throttle ile çağrı sınırlama
  • Küçük ve saf fonksiyonlarla modül kurma
  • Öğrenilen tekniklerin birlikte uygulanması

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Fonksiyon tanımı

Bildirim, ifade ve arrow fonksiyonları ayırt eder, parametre, varsayılan değer ve rest ile argümanları esnek biçimde yönetirsiniz.

✅
İlk sınıf fonksiyon

Fonksiyonları değer gibi taşıyarak argüman geçirir, döndürür ve veri yapılarında saklayarak esnek tasarımlar kurarsınız.

✅
Kapsam ve hoisting

Global, fonksiyon ve blok kapsamını ayırt eder, hoisting davranışını kavrar ve kapsam kaynaklı hataları önceden önlersiniz.

✅
Closure kullanımı

Closure ile özel durum kapsüller, fabrika, modül, once ve memoization gibi yaygın desenleri güvenle uygularsınız.

✅
this ve bağlam

this bağlamının çağrıya göre değiştiğini kavrar, call, apply ve bind ile bağlamı doğru biçimde yönetebilirsiniz.

✅
Yüksek dereceli fonksiyon

map, filter ve reduce gibi yüksek dereceli metotları ve geri çağırmaları kullanarak veri dönüşümlerini akıcı yazarsınız.

✅
Saf fonksiyonlar

Saf fonksiyon ve değişmezlik ilkeleriyle yan etkisi az, test edilebilir ve öngörülebilir kod tasarlayabilirsiniz.

✅
Fonksiyonel teknikler

Currying, kısmi uygulama ve kompozisyonla küçük fonksiyonları birleştirerek ifade gücü yüksek veri hatları kurarsınız.

Kimler İçin Uygundur?

  • JavaScript temellerini sağlamlaştırmak isteyen ön yüz geliştiriciler
  • fonksiyonel yaklaşımı öğrenerek daha temiz kod yazmak isteyen web geliştiricileri
  • çatılara geçmeden önce dili derinleştirmek isteyen ekipler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
JavaScript temellerini sağlamlaştırmak isteyen ön yüz geliştiriciler, fonksiyonel yaklaşımı öğrenerek daha temiz kod yazmak isteyen web geliştiricileri ve React, Vue gibi çatılara geçmeden önce dili derinleştirmek isteyen ekipler için uygundur. Temel JavaScript bilgisi beklenir.
Closure neden bu kadar önemli?
Closure, bir iç fonksiyonun tanımlandığı dış kapsamın değişkenlerini hatırlamasıdır. Modül deseni, özel durum tutma, memoization, debounce gibi birçok yaygın teknik closure üzerine kuruludur. Eğitimde closure hem kavramsal olarak hem de gerçek desenler üzerinde uygulamalı işlenir.
Bu eğitim bir çatı öğretir mi?
Hayır, eğitim doğrudan React veya Vue gibi bir çatı öğretmez; bunun yerine o çatıların üzerine kurulduğu fonksiyon, kapsam, closure, this ve fonksiyonel teknikleri derinlemesine kazandırır. Bu temel, sonraki çatı öğrenimini belirgin biçimde hızlandırır ve kolaylaştırır.
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. Her kavram önce örnekle gösterilir, ardından katılımcı küçük alıştırmalarla uygular. Yüz yüze veya online yapılabilir; içerik kurumun kullandığı kod tabanına ve seviyesine 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 yapılan fonksiyon alıştırmalarını belgeler; kurumsal gruplara özel içerik uyarlaması 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 d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. FSD Front-End Development: Using JavaScript Functions Eğitim Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

JavaScript ve TypeScriptJavaScript: Advanced Function Operations Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript: Advanced Function Operations Eğitimi

4 günİleriOnline / Yüz Yüze / Hibrit

İleri JavaScript fonksiyonları: closure, this bağlama, call/apply/bind, currying, kompozisyon, async/await, generator ve memoization üzerine uzman eğitim.

Detayları Gör →
JavaScript ve TypeScriptJavaScript: Closures & Prototypes Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript: Closures & Prototypes Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

JavaScript closure ve prototip eğitimi: kapsam zinciri, closure desenleri, prototip zinciri, prototip tabanlı kalıtım, this bağlama ve modern class söz dizimi.

Detayları Gör →
JavaScript ve TypeScriptJavaScript: Form Validation & Async Programming Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript: Form Validation & Async Programming Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

JavaScript ile form doğrulama, Constraint Validation API, Promise, async/await ve Fetch API ile asenkron programlamayı uygulamalı öğrenin. Orta seviye eğitim.

Detayları Gör →
JavaScript ve TypeScriptJavaScript: Functions & Arrays in JavaScript Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript: Functions & Arrays in JavaScript Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

JavaScript fonksiyonları, kapsam, closure ve map, filter, reduce gibi dizi yöntemlerini uygulamalı öğrenin. İşlevsel veri işleme için orta seviye eğitim.

Detayları Gör →
JavaScript ve TypeScriptJavaScript: Managing Data Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript: Managing Data Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

JavaScript ile veri yapıları, map, filter, reduce dönüşümleri, değişmezlik, JSON ve localStorage ile veri yönetimini uygulamalı öğrenin. Orta seviye eğitim.

Detayları Gör →
JavaScript ve TypeScriptJavaScript: Objects Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript: Objects Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

JavaScript nesneleri, prototip zinciri, Object.create, class söz dizimi, kalıtım ve kapsüllemeyi uygulamalı öğrenin. Nesne tabanlı programlama orta seviye eğiti

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn