JAVASCRİPT EĞİTİMİ

Modern Web Programlama

JavaScript dünyada en yaygın kullanılan programlama dilidir. Web tarayıcısında çalıştığı için frontend, Node.js ile sunucu tarafında çalıştığı için backend, React Native ile mobil uygulama yazımında, hatta gömülü cihazlarda kullanılır. Bir kez öğrenildiğinde geliştiricinin kapısı pek çok platforma açılır. Modern web geliştirmenin merkezindedir.

JavaScript Eğitimi, modern JavaScript yazımını temelden ileriye katılımcıya kazandırır. Veri türleri, değişkenler (let, const), operatörler, koşullar ve döngüler, fonksiyonlar (klasik ve arrow), nesneler ve diziler, ES6+ yenilikleri (destructuring, spread, template literal), DOM manipülasyonu, olay yönetimi (event), asenkron işlemler (Promise, async/await), Fetch API ve modüller (import/export) işlenir.

JavaScript Eğitimi, web geliştiricileri, frontend pozisyonunda kariyer hedefleyenler, dijital ürün geliştirmek isteyen tasarımcılar, otomasyon yazmak isteyen analistler için tasarlanmıştır. Eğitim sonunda katılımcı, modern JavaScript ile uygulama geliştirebilen bir yazılımcıdır.

Ön Koşullar

JavaScript Eğitimi için ön koşul, HTML ve CSS temel bilgisidir. Programlama temelleri olanlar konuyu daha hızlı kavrar.

Kimler Katılmalı

Web Geliştiricileri: Modern frontend yazılımı yapan profesyoneller
Frontend Pozisyonu Hedefleyenler: Yazılım kariyerinde frontend yolunu seçenler
Dijital Ürün Geliştirmek İsteyen Tasarımcılar: Tasarımdan koda geçen kadrolar
Otomasyon Yazmak İsteyen Analistler: Tarayıcı ve veri otomasyonu için JS kullananlar
Backend Geliştiricileri: Tam yığın (full stack) yetkinliği isteyenler
Mobil Uygulama Geliştirenler: React Native ile cross-platform geliştirenler
Üniversite Öğrencileri: Yazılım kariyerine en yaygın dile başlayanlar

Eğitim Yöntemi

Sunum, kod editörü üzerinde adım adım uygulama, DOM manipülasyonu atölyesi, Fetch API ile gerçek veri çekme egzersizi ve katılımcının kendi mini uygulamasını çıkarması ile yürür.

Kazanımlar

ES6+ Sözdizimi: let/const, arrow function, destructuring, spread
Veri Yapıları: Nesne, dizi, Map, Set kullanımı
Fonksiyonlar: Closure, scope, this bağlamı
DOM Manipülasyonu: Element seçme, ekleme, değiştirme, silme
Olay Yönetimi (Event): Click, submit, custom event'ler
Asenkron İşlemler: Promise ve async/await akışı
Fetch API: REST API'lerle veri alışverişi

Eğitim Süresi

3 Gün (24 Saat). Kurumsal talebe göre 2 günlük yoğun veya 5 günlük detaylı versiyon olarak planlanabilir.

JavaScript Eğitimi İçeriği

1. JavaScript Tarihçesi ve Konumu

1995'ten günümüze JavaScript evrimi
ECMAScript standardı
Tarayıcı, sunucu ve diğer ortamlar
TypeScript ile ilişkisi

2. Çalıştırma Ortamı

Tarayıcı konsolu kullanımı
Node.js ile terminal üzerinde çalıştırma
VS Code geliştirme ortamı
npm ve paket yönetimi temelleri

3. Değişkenler ve Veri Tipleri

var, let ve const farkları
Primitif tipler ve referans tipler
Number, String, Boolean, BigInt
null, undefined ve symbol
typeof operatörü

4. Operatörler ve İfadeler

Aritmetik ve atama operatörleri
Karşılaştırma (== vs ===)
Mantıksal ve nullish operatörler
Ternary ile koşullu ifade

5. Kontrol Yapıları

if-else ve switch
for, while, do-while döngüleri
for-of ve for-in
break, continue ve label

6. Fonksiyonlar

Function declaration ve expression
Arrow function sözdizimi
Varsayılan parametre
Rest parametre ve spread
IIFE ve closure

7. Scope ve this

Global, function ve block scope
Hoisting davranışı
this bağlamı kuralları
call, apply, bind

8. Diziler ve Yöntemleri

Dizi oluşturma ve erişim
push, pop, shift, unshift
map, filter, reduce
find, some, every
sort ve karşılaştırma fonksiyonu

9. Nesneler

Obje literal ve dinamik özellik
Property access (dot, bracket)
Object.keys, values, entries
Destructuring ile çıkarma
Spread ile kopyalama

10. ES6+ Modern Özellikler

Template literal ve interpolation
Default parametre değerleri
Optional chaining (?.)
Nullish coalescing (??)
Map ve Set veri yapıları

11. Class ve Prototype

ES6 class sözdizimi
Constructor ve method
Inheritance (extends, super)
Static method ve property
Prototype chain temelleri

12. DOM Manipülasyonu

document ve element seçme
querySelector ve querySelectorAll
innerHTML, textContent
Element oluşturma ve ekleme
Class ve attribute yönetimi

13. Event Yönetimi

addEventListener kullanımı
Event nesnesi ve özellikleri
Event delegation
preventDefault ve stopPropagation
Custom event oluşturma

14. Form ve Validation

Form submit dinleme
Input değer alma ve doğrulama
HTML5 validation API
Kullanıcı geri bildirimi

15. Hata Yönetimi

try-catch-finally
Error sınıfları
Custom error oluşturma
Asenkron kodda hata yakalama

16. Asenkron Programlama

Callback ve callback hell
Promise yapısı
then, catch, finally zinciri
Promise.all ve Promise.race
async/await sözdizimi

17. Fetch API ve Network

Fetch ile GET istek
POST, PUT, DELETE istekleri
JSON parse ve serialize
Header yönetimi
CORS temelleri

18. Modüller (ES Modules)

export ve import sözdizimi
Named ve default export
Dinamik import
CommonJS ile karşılaştırma

19. localStorage ve Tarayıcı API'leri

localStorage ve sessionStorage
cookie yönetimi
History ve location
Geolocation, clipboard API

20. Mini Proje ve Sonraki Adımlar

Vanilla JS ile mini uygulama
React, Vue, Angular'a giriş
Node.js ile sunucu tarafı
Build tool ve modern workflow
Test framework (Jest, Vitest)