Temel Seviye JavaScript Eğitimi

Eğitim Hakkında

Dil temellerinden DOM manipülasyonuna, olaylardan fetch ile veri çekmeye kadar sağlam bir başlangıç

Temel Seviye JavaScript Geliştirme Eğitimi, web tarayıcısında çalışan dilin temellerini sıfırdan öğretir. Katılımcılar let ve const ile değişken, veri tipleri, operatörler ve kontrol yapılarını uygular; fonksiyon, dizi ve nesnelerle veri işler. DOM seçimi, içerik ve stil değiştirme, olay dinleme, form işleme ve ES6 yenilikleri işlenir. Program fetch ile veri çekme ve küçük bir etkileşimli uygulama projesiyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; dil temelleri, DOM ve olaylar tarayıcı üzerinde canlı örneklerle adım adım kodlanarak öğrenilir.

Seviye

Temel Seviye — JavaScript diline sıfırdan başlayıp değişken, fonksiyon, DOM ve olaylarla etkileşimli sayfa kurma

Öğrenme Metodu

Her kavram tarayıcı konsolu ve küçük sayfalarda hemen kodlanır; üç gün boyunca etkileşimli bir uygulama parça parça geliştirilir.

Neden Bu Eğitim?

🌐Web'in dili

JavaScript tarayıcıda çalışan tek dil olarak web sayfalarına etkileşim katmanın temelidir; her front-end yolculuğu buradan başlar.

🧩Sağlam temel

Değişken, fonksiyon ve nesne gibi çekirdek kavramları doğru öğrenmek, ileride çerçeve ve kütüphaneleri çok daha kolay kavramanızı sağlar.

⚡Hemen uygulama

Öğrendiğiniz her konuyu tarayıcıda anında çalıştırıp görürsünüz; soyut teori yerine çalışan kodla pratik beceri kazanırsınız.

Anahtar Konular

javascript eğitimitemel javascript kursusıfırdan javascriptdom manipülasyonu eğitimifront-end geliştirme eğitimiweb programlama kursujavascript öğrenmees6 eğitimijavascript olaylarfetch asenkron javascript

“Her büyük web uygulaması basit bir değişkenle başlar; temelleri sağlam atan geliştirici, gerisini özgüvenle inşa eder.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve hazırlık

1

HTML ve CSS

Temel HTML etiketleri ve CSS ile sayfa biçimlendirme bilgisi, DOM konularını takip etmeyi kolaylaştırır.

2

Metin düzenleyici

VS Code gibi bir kod düzenleyici ve modern bir web tarayıcısının bilgisayarda kurulu olması gerekir.

3

Temel bilgisayar

Dosya oluşturma, kaydetme ve tarayıcıda açma gibi temel bilgisayar kullanımı yeterlidir; önceden kod bilmek gerekmez.

4

Öğrenme isteği

Mantıksal düşünme ve bol pratik yapma isteği, programlamaya ilk adımı atmanın en önemli ön koşuludur.

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ı JavaScript'i sayfaya bağlar, let ve const ile değişken tanımlar, veri tiplerini ve operatörleri kavrar ve koşul ile döngülerle akış kontrolü kurar.

Modül 1

JavaScript'e Giriş

script etiketiyle JS'i sayfaya bağlama
Harici .js dosyası ve defer kullanımı
console.log ile tarayıcı konsolunu kullanma
Yorum satırları ve kod yazım kuralları
Tarayıcı geliştirici araçlarını tanıma
İlk çalışan kod ile çıktı üretme

Modül 2

Değişken ve Veri Tipleri

let, const ve var arasındaki fark
String, number ve boolean tipleri
null, undefined ve typeof operatörü
Tip dönüşümü ve otomatik dönüşüm
Template literal ile metin birleştirme
Değişken adlandırma ve kapsam sezgisi

Modül 3

Operatörler ve İfadeler

Aritmetik ve atama operatörleri
Karşılaştırma ve == ile === farkı
Mantıksal operatörler ve kısa devre
Ternary (üçlü) operatör kullanımı
Operatör önceliği ve parantezle gruplama
Nullish coalescing (??) operatörü

Modül 4

Kontrol Akışı ve Döngüler

if, else if ve else koşul yapıları
switch ile çoklu durum kontrolü
for döngüsüyle tekrarlı işlemler
while ve do-while döngü yapıları
break ve continue ile döngü kontrolü
İç içe koşul ve döngü örnekleri

Günün hedefiKatılımcı fonksiyon tanımlar, parametre ve dönüş değeriyle çalışır, kapsamı kavrar ve dizi ile nesneleri kullanarak veriyi yapılandırıp işler.

Modül 1

Fonksiyonların Temeli

Fonksiyon tanımı ve çağırma söz dizimi
Parametre, argüman ve return değeri
Arrow (ok) fonksiyon söz dizimi
Varsayılan parametre değerleri
Fonksiyon ifadeleri ve isimsiz fonksiyon
Yeniden kullanılabilir kod yazma mantığı

Modül 2

Kapsam ve Hoisting

Global ve yerel (fonksiyon) kapsam
Blok kapsamı ve let ile const davranışı
Hoisting ve değişken yukarı taşınması
Closure (kapanış) kavramına giriş
Değişken gölgeleme ve erişim kuralları
Kirli global değişkenlerden kaçınma

Modül 3

Diziler ve Metotları

Dizi oluşturma ve indeks ile erişim
push, pop, shift ve unshift metotları
map, filter ve forEach ile döngü
find, includes ve indexOf kullanımı
Diziyi sıralama ve ters çevirme
Spread (...) ile dizi birleştirme

Modül 4

Nesneler ve Özellikler

Nesne oluşturma ve özellik tanımlama
Nokta ve köşeli parantez ile erişim
Nesne metotları ve this anahtar sözcüğü
Object.keys ve Object.values ile gezinme
Nesne yıkımı (destructuring) kullanımı
İç içe nesne ve dizi veri modelleme

Günün hedefiKatılımcı DOM öğelerini seçip değiştirir, olay dinleyicileriyle etkileşim kurar, form verisini işler ve fetch ile veri çekerek küçük bir uygulama tamamlar.

Modül 1

DOM Manipülasyonu

querySelector ile DOM öğesi seçimi
textContent ve innerHTML ile içerik
classList ile sınıf ekleme ve çıkarma
style ile satır içi stil değiştirme
createElement ve appendChild ile öğe ekleme
Öğe silme ve DOM ağacında gezinme

Modül 2

Olaylar ve Etkileşim

addEventListener ile olay dinleme
click, input ve change olayları
Event nesnesi ve target kullanımı
preventDefault ile varsayılanı durdurma
Olay yayılımı (bubbling) ve delegation
Klavye ve fare olaylarıyla etkileşim

Modül 3

Formlar ve Doğrulama

Form alanlarından girdi değeri okuma
submit olayını yakalama ve işleme
Basit istemci tarafı doğrulama kuralları
Hata mesajlarını kullanıcıya gösterme
Girdi temizleme ve biçim denetimi
localStorage ile veri saklamaya giriş

Modül 4

Asenkron ve Bitirme Projesi

setTimeout ve setInterval kullanımı
fetch ile sunucudan veri çekme
Promise ve then zinciri mantığı
async ve await ile asenkron kod
JSON verisini ayrıştırıp ekrana basma
Etkileşimli to-do uygulaması projesi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Dil temelleri

Değişken, veri tipi ve operatörleri kavrar, koşul ve döngülerle program akışını doğru biçimde yönetebilirsiniz.

✅

Fonksiyon yazımı

Parametre ve dönüş değeriyle fonksiyon tanımlar, arrow söz dizimini ve kapsam ile closure kavramını kullanırsınız.

✅

Veri yapıları

Dizi ve nesnelerle veriyi modeller, map, filter ve destructuring gibi modern yöntemlerle veriyi işlersiniz.

✅

DOM kontrolü

Sayfa öğelerini seçip içerik, sınıf ve stilini değiştirir, dinamik olarak öğe ekleyip çıkarabilirsiniz.

✅

Olay yönetimi

addEventListener ile kullanıcı etkileşimlerini dinler, olay nesnesini ve delegation yaklaşımını kullanırsınız.

✅

Form işleme

Form verisini okur, istemci tarafında doğrular ve localStorage ile basit veri saklama yapabilirsiniz.

✅

Asenkron kod

fetch ile veri çeker, Promise ve async/await ile asenkron akışı kurup JSON verisini ekrana yansıtırsınız.

✅

Küçük proje

Öğrendiklerinizi birleştirerek etkileşimli küçük bir web uygulamasını baştan sona kendiniz geliştirirsiniz.

Kimler İçin Uygundur?

Programlamaya yeni başlayanlar
HTML
CSS bilen ancak sayfaya etkileşim katmak isteyenler ve front-end geliştirmeye giriş yapmak isteyen öğrenci ile çalışanlar için uygundur

Sıkça Sorulan Sorular

Bu eğitim için önceden programlama bilmek gerekir mi?

Hayır. Eğitim programlamaya yeni başlayanlar için tasarlanmıştır ve dil temellerinden başlar. Temel HTML ve CSS bilgisi DOM konularını kolaylaştırır ancak ön koşul değildir. Mantıksal düşünme ve bol pratik yapma isteği başlamak için yeterlidir; her konu tarayıcıda hemen kodlanarak pekiştirilir.

Eğitimde hangi araçlar kullanılıyor?

VS Code gibi ücretsiz bir kod düzenleyici ve modern bir web tarayıcısı yeterlidir. Kod tarayıcının geliştirici araçları ve konsolu üzerinde çalıştırılıp denenir. Ayrıca ek bir kurulum veya ücretli yazılım gerekmez; tüm örnekler katılımcının kendi bilgisayarında bire bir uygulanabilir.

Eğitim sonunda hangi uygulamayı yapabilirim?

Eğitim boyunca öğrenilen konular birleştirilerek etkileşimli bir to-do (yapılacaklar) uygulaması geliştirilir. Kullanıcı girdisi alma, DOM'a öğe ekleme, olay dinleme, localStorage ile veri saklama ve fetch ile dış veri çekme bu projede bir araya gelir; böylece gerçek bir uygulama akışı deneyimlenir.

Eğitimin süresi ve formatı nedir?

Eğitim üç gün sürer ve her gün dört modülden oluşur. Dil temelleri, fonksiyon ve veri yapıları, ardından DOM, olaylar ve asenkron konular canlı örneklerle işlenir. Yüz yüze veya online yapılabilir; içerik katılımcı grubunun seviyesine ve kurumun 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 uygulamayı belgeler. Bu temel eğitim, sonrasında modern çerçevelere (React, Vue, Angular) geçiş için sağlam bir zemin oluşturur.

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

TEMEL SEVİYE JAVASCRIPT GELİŞTİRME EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

JavaScript'e Giriş

Değişken ve Veri Tipleri

Operatörler ve İfadeler

Kontrol Akışı ve Döngüler

Fonksiyonların Temeli

Kapsam ve Hoisting

Diziler ve Metotları

Nesneler ve Özellikler

DOM Manipülasyonu

Olaylar ve Etkileşim

Formlar ve Doğrulama

Asenkron ve Bitirme Projesi

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Node.js for JavaScript Developers Eğitimi

Allowing JavaScript & Data Binding Eğitimi

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