JavaScript Eğitimi — Sıfırdan Modern JS

Eğitim Hakkında

Dil temellerinden DOM ve olaylara, ES6'dan fetch ile asenkron veriye kadar uçtan uca JavaScript

JavaScript Eğitimi, web'in programlama dilini sıfırdan sağlam bir temelle öğretir. Katılımcılar değişkenler, veri tipleri, operatörler, koşullar ve döngülerle başlar; fonksiyonlar, kapsam ve ok fonksiyonlarını kavrar. DOM seçimi ve değiştirme, olay yönetimi, dizi ve nesne metotları, ES6 özellikleri ve modüller işlenir. Program; Promise ve async/await ile asenkron kod, fetch ile API'den veri çekme ve küçük bir uygulama ile tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; dil temellerinden DOM ve olaylara, oradan asenkron veri ve küçük uygulamaya ilerlenir.

Seviye

Orta Seviye — söz diziminden DOM ve olaylara, ES6'dan fetch ile asenkron veriye kadar modern JavaScript

Öğrenme Metodu

Her konu tarayıcıda canlı kod ve küçük alıştırmalarla uygulanır; son modülde öğrenilenler tek bir mini uygulamada birleştirilir.

Neden Bu Eğitim?

🌐Web'in dili

JavaScript tarayıcıda çalışan tek dil olduğundan, modern web geliştirmenin vazgeçilmez temelini bu eğitimde kazanırsınız.

🧱Sağlam temel

React, Vue ve Node gibi tüm çatıların altında JavaScript olduğundan, bu temel ileri teknolojilere hızlı geçiş sağlar.

⚡Hemen uygulanabilir

Öğrendiğiniz her konuyu tarayıcıda anında çalıştırıp görerek kuru teoriden uzak, uygulamalı bir öğrenme yaşarsınız.

Anahtar Konular

javascript eğitimijavascript kursujavascript derslerisıfırdan javascriptweb geliştirme eğitimidom javascript eğitimies6 eğitimijavascript öğrenmeön yüz geliştirme eğitimiasenkron javascript fetch

“JavaScript öğrenmek web'de konuşmayı öğrenmektir; bu dil bir kez oturduğunda tüm modern araçların kapısı açılır.”

Ön Koşullar

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

1

Temel bilgisayar kullanımı

Dosya, klasör ve metin düzenleyici kullanabilmek ve tarayıcıyı rahat kullanmak yeterlidir.

2

HTML ve CSS aşinalığı

Temel HTML etiketleri ve CSS kavramlarına aşinalık DOM konularını anlamayı kolaylaştırır.

3

Kod editörü

VS Code gibi bir editör kurulu olmalı; canlı sunucu eklentisi örnekleri çalıştırmayı kolaylaştırır.

4

Modern tarayıcı

Chrome veya Firefox ile geliştirici konsolunu açıp kod çalıştırabilmek faydalıdı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ı değişkenleri, veri tiplerini ve operatörleri kavrar, koşul ve döngülerle akışı yönetir ve fonksiyonlarla kodu yeniden kullanılabilir hale getirir.

Modül 1

Değişkenler ve Veri Tipleri

let, const ve var ile değişken tanımı
String, number, boolean gibi ilkel tipler
null, undefined ve tip denetimi (typeof)
Tip dönüşümü ve otomatik dönüşüm tuzakları
Template literal ile metin birleştirme
Yorum satırları ve okunabilir kod yazımı

Modül 2

Operatörler ve Kontrol Akışı

Aritmetik ve atama operatörleri
Karşılaştırma ve == ile === farkı
Mantıksal operatörler ve kısa devre
if, else if ve else ile koşullar
switch ile çoklu durum yönetimi
Üçlü (ternary) operatör ile kısa koşul

Modül 3

Döngüler ve Yineleme

for döngüsü ve sayaç değişkeni yönetimi
while ve do...while döngü yapıları
for...of ile değerler üzerinde gezinme
for...in ile nesne anahtarları
break ve continue ile akış denetimi
İç içe döngüler ve performans etkisi

Modül 4

Fonksiyonlar ve Kapsam

Fonksiyon bildirimi ve ifadesi
Parametreler, argümanlar ve dönüş değeri
Varsayılan parametre ve rest parametresi
Ok (arrow) fonksiyonları ve kısa yazım
Yerel ve küresel kapsam (scope) kavramı
Geri çağırma (callback) fonksiyonları

Günün hedefiKatılımcı dizi ve nesnelerle veriyi yapılandırır, DOM üzerinden sayfa öğelerini seçip değiştirir ve olaylarla kullanıcı etkileşimine yanıt verir.

Modül 1

Diziler ve Metotları

Dizi oluşturma ve elemanlara erişim
push, pop, shift ve unshift ile değişiklik
map ile dönüştürme ve filter ile süzme
reduce ile toplama ve biriktirme
find, some ve every ile sorgulama
Dizi yayma (spread) ve kopyalama

Modül 2

Nesneler ve Yapılar

Nesne tanımı, özellik ve metotlar
Nokta ve köşeli parantez ile erişim
Nesne destructuring ile değer alma
Object.keys, values ve entries
İç içe nesne ve veri modelleme
JSON'a dönüştürme ve geri okuma

Modül 3

DOM ile Çalışmak

querySelector ile DOM öğesi seçimi
textContent ve innerHTML ile içerik
Öznitelik ve classList ile stil değişimi
createElement ile dinamik öğe oluşturma
appendChild ve remove ile ağaç yönetimi
Form öğelerinden değer alma ve okuma

Modül 4

Olaylar ve Etkileşim

addEventListener ile olay dinleme
click, input ve submit olayları
Olay nesnesi ve event.target kullanımı
preventDefault ile varsayılanı durdurma
Olay yayılımı ve event delegation
Kullanıcı girdisiyle arayüz güncelleme

Günün hedefiKatılımcı modern ES6 özelliklerini ve modülleri kullanır, Promise ve async/await ile asenkron kod yazar ve fetch ile API'den veri çekerek küçük bir uygulama geliştirir.

Modül 1

Modern ES6 Özellikleri

Destructuring ile dizi ve nesne açma
Spread ve rest operatörlerinin kullanımı
Template literal ile çok satırlı metin
Kısa nesne özelliği ve hesaplanan anahtar
Opsiyonel zincir ve nullish birleştirme
Set ve Map veri yapılarına giriş

Modül 2

Modüller ve Kod Düzeni

import ve export ile modül kullanımı
Varsayılan ve adlandırılmış dışa aktarım
Kodun dosyalara anlamlı biçimde bölünmesi
Yeniden kullanılabilir yardımcı fonksiyonlar
Tarayıcıda modül betiği (type=module)
Katı mod ve yaygın hatalardan kaçınma

Modül 3

Asenkron JavaScript

Eşzamanlı ve asenkron kod farkı
Geri çağırma ile asenkron işlem
Promise durumları ve then, catch
async ve await ile okunabilir akış
try/catch ile asenkron hata yakalama
setTimeout ile zamanlama ve gecikme

Modül 4

fetch ve Mini Uygulama

fetch ile GET isteği ve yanıt okuma
JSON yanıtını ayrıştırma ve kullanma
Gelen veriyi DOM üzerinde listeleme
Hata ve yükleniyor durumunu gösterme
localStorage ile veriyi saklama
Öğrenilenleri birleştiren mini uygulama

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Dil temelleri

Değişken, tip, operatör, koşul ve döngülerle doğru ve okunabilir JavaScript kodu yazabilir hale gelirsiniz.

✅

Fonksiyonlar

Fonksiyon, parametre, ok fonksiyonu ve kapsam kavramlarıyla kodu yeniden kullanılabilir biçimde düzenlersiniz.

✅

Veri yapıları

Dizi ve nesne metotlarıyla veriyi dönüştürür, süzer ve uygulamanızda düzenli biçimde modellersiniz.

✅

DOM kontrolü

DOM üzerinden sayfa öğelerini seçip değiştirir, dinamik olarak içerik oluşturup kaldırabilirsiniz.

✅

Olay yönetimi

Olay dinleyicileriyle kullanıcı etkileşimlerine yanıt verir, form ve tıklama olaylarını işlersiniz.

✅

Modern ES6

Destructuring, spread, modüller ve opsiyonel zincir gibi modern söz dizimini günlük kodunuzda kullanırsınız.

✅

Asenkron kod

Promise ve async/await ile asenkron işlemleri yönetir, hata ve bekleme durumlarını doğru ele alırsınız.

✅

API ve uygulama

fetch ile API'den veri çeker, gelen veriyi ekranda listeler ve küçük bir uygulamayı uçtan uca kurarsınız.

Kimler İçin Uygundur?

Web geliştirmeye başlamak isteyen yeni başlayanlar
HTML
CSS bilen ancak etkileşim eklemek isteyen tasarımcılar ve JavaScript temelini düzenli biçimde oturtmak isteyen öğrenciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Web geliştirmeye başlamak isteyen yeni başlayanlar, HTML ve CSS bilen ancak sayfalarına etkileşim eklemek isteyen tasarımcılar ve JavaScript temelini düzenli biçimde oturtmak isteyen öğrenciler için uygundur. Önceden programlama deneyimi gerekmez.

Eğitim için programlama bilmek gerekiyor mu?

Hayır, eğitim değişken ve veri tiplerinden başlayarak sıfırdan ilerler. Temel bilgisayar kullanımı ile HTML ve CSS'e aşinalık yeterlidir. Her konu tarayıcıda canlı kod ve küçük alıştırmalarla pekiştirildiği için önceki bir programlama deneyimi şart değildir.

Bu eğitimden sonra React veya Vue öğrenebilir miyim?

Evet. React, Vue, Angular ve Node gibi tüm modern araçlar JavaScript üzerine kuruludur. Bu eğitimde kazandığınız fonksiyon, dizi metotları, DOM, modül ve asenkron bilgisi, bir çatı öğrenmeye geçtiğinizde ihtiyaç duyacağınız sağlam temeli oluşturur.

Eğitimin süresi ve formatı nedir?

Eğitim üç gün sürer ve her gün dört modülden oluşur. Dil temellerinden DOM ve olaylara, oradan asenkron veri ve küçük bir uygulamaya doğru ilerlenir. Yüz yüze veya online yapılabilir ve içerik katılımcı grubunun 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 geliştirilen mini uygulamayı 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

JAVASCRIPT EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

Değişkenler ve Veri Tipleri

Operatörler ve Kontrol Akışı

Döngüler ve Yineleme

Fonksiyonlar ve Kapsam

Diziler ve Metotları

Nesneler ve Yapılar

DOM ile Çalışmak

Olaylar ve Etkileşim

Modern ES6 Özellikleri

Modüller ve Kod Düzeni

Asenkron JavaScript

fetch ve Mini Uygulama

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

JavaScript: Form Validation & Async Programming Eğitimi

JavaScript: Functions & Arrays in JavaScript Eğitimi

JavaScript: Managing Data Eğitimi

JavaScript: Objects Eğitimi

JavaScript: Types, Operators, & Control Structures in JavaScript Eğitimi

JavaScript: Working with the DOM & Events Eğitimi