JAVASCRIPT WITH JQUERY EĞİTİMİ

jQuery ile hızlı ve etkileşimli arayüzler

JavaScript temeli, jQuery seçiciler, DOM, olaylar, efektler, AJAX ve eklenti geliştirme

JavaScript with jQuery Eğitimi, sağlam bir JavaScript temeli üzerine jQuery kütüphanesiyle hızlı ve etkileşimli arayüz geliştirmeyi öğretir. Program jQuery seçicileri ve temel işlemlerle başlar; DOM değiştirme, gezinme ve olay delegasyonu işlenir.

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

Eğitim Hakkında

JavaScript temelinden jQuery seçici ve DOM işlemlerine, efektlerden AJAX ve eklentiye kadar

JavaScript with jQuery Eğitimi, sağlam bir JavaScript temeli üzerine jQuery kütüphanesiyle hızlı ve etkileşimli arayüz geliştirmeyi öğretir. Katılımcılar jQuery seçicileriyle öğe seçimini, DOM değiştirme ve gezinmeyi, olay yönetimini öğrenir. Efektler ve animasyonlar, form işleme ve doğrulama, AJAX ile sunucudan veri alma ve jQuery eklenti geliştirme işlenir. Program; mevcut projelerde bakım, performans ve modern JavaScript ile birlikte kullanım konularıyla tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; JavaScript temelinden jQuery seçici ve efektlere, oradan AJAX ve eklentiye ilerlenir.

Seviye

Orta Seviye — JavaScript temelleriyle jQuery seçici, DOM, olay, efekt, AJAX ve eklenti geliştirme

Öğrenme Metodu

Her konu tarayıcıda canlı kodla uygulanır; gerçek bir etkileşimli web sayfası adım adım jQuery ile geliştirilerek pekiştirilir.

Neden Bu Eğitim?

⚡Hızlı geliştirme

jQuery'nin kısa söz dizimiyle DOM işlemlerini ve olay yönetimini az kodla yaparak geliştirme hızınızı belirgin artırırsınız.

🔧Mevcut projeler

Çok sayıda kurumsal proje hâlâ jQuery kullandığından, bu beceriyle var olan kod tabanlarını güvenle sürdürebilirsiniz.

🌍Tarayıcı uyumu

jQuery farklı tarayıcıların DOM farklarını soyutladığından, geniş uyumluluk gerektiren projelerde tutarlı davranış elde edersiniz.

Anahtar Konular

jquery eğitimijquery kursujavascript jquery eğitimijquery ajax eğitimijquery dom işlemlerijquery efekt animasyonjquery eklenti geliştirmeweb etkileşim eğitimiön yüz geliştirme eğitimijquery seçiciler
“jQuery eski değil, yaygındır; onu iyi bilen geliştirici hem bugünün projelerini sürdürür hem yarınına köprü kurar.”

Ön Koşullar

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

1
JavaScript temeli

Değişken, fonksiyon, dizi ve temel DOM kavramlarına aşinalık jQuery'yi anlamayı kolaylaştırır.

2
HTML ve CSS bilgisi

HTML yapısı ve CSS seçicilerine aşinalık, jQuery seçicilerini ve stil işlemlerini kavramak için gereklidir.

3
Kod editörü

VS Code gibi bir editör ve tarayıcı kurulu olmalı; canlı sunucu eklentisi örnekleri kolaylaştırır.

4
Geliştirici konsolu

Tarayıcı geliştirici araçlarını açıp konsolda kod çalıştırabilmek alıştırmalar için 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ı gerekli JavaScript kavramlarını tazeler, jQuery'yi projeye ekler ve seçicilerle sayfa öğelerine erişerek temel işlemleri uygular.
Modül 1
Gerekli JavaScript Kavramları
  • Değişken, fonksiyon ve nesne hatırlatması
  • Dizi metotları ve veri üzerinde gezinme
  • Geri çağırma (callback) fonksiyonu kavramı
  • Olay güdümlü programlama mantığı
  • DOM ağacı ve öğeler arası ilişkiler
  • jQuery ile saf JavaScript arasındaki fark
Modül 2
jQuery Kurulumu ve Yapısı
  • CDN ve yerel dosya ile jQuery ekleme
  • document.ready ile hazır olma denetimi
  • jQuery nesnesi ve $ kısaltması
  • jQuery sürümleri ve slim yapının farkı
  • noConflict ile çakışma yönetimi
  • Geliştirme ve üretim dosyası ayrımı
Modül 3
Seçiciler ve Filtreleme
  • Etiket, sınıf ve kimlik ile seçim
  • Öznitelik ve alt öğe seçicileri
  • first, last ve eq ile konum filtresi
  • filter ve not ile seçimi daraltma
  • find ve children ile içeride arama
  • Seçim kümesi üzerinde zincirleme işlem
Modül 4
Temel jQuery İşlemleri
  • text ve html ile içerik okuma ve yazma
  • val ile form değeri alma ve atama
  • attr ve prop ile öznitelik yönetimi
  • addClass, removeClass ve toggleClass
  • css ile satır içi stil değişimi
  • each ile seçim kümesi üzerinde döngü
Günün hedefiKatılımcı jQuery ile DOM ağacında öğe ekler, çıkarır ve gezinir; olayları bağlar, olay nesnesini kullanır ve dinamik içerikte olay delegasyonunu uygular.
Modül 1
DOM Öğelerini Değiştirme
  • append ve prepend ile içeriye ekleme
  • before ve after ile öğe yanına ekleme
  • remove ve empty ile öğe temizleme
  • clone ile öğe kopyalama ve ekleme
  • wrap ve unwrap ile sarma işlemleri
  • replaceWith ile öğe değiştirme
Modül 2
DOM Ağacında Gezinme
  • parent ve parents ile üst öğeler
  • children ve find ile alt öğeler
  • siblings, next ve prev ile kardeşler
  • closest ile en yakın atayı bulma
  • Gezinme ile seçimi daraltma ve genişletme
  • end ile zincirde önceki seçime dönüş
Modül 3
Olay Bağlama ve Yönetimi
  • on ile olay bağlama ve off ile kaldırma
  • click, hover ve change gibi olaylar
  • Olay nesnesi ve event.target kullanımı
  • preventDefault ve stopPropagation
  • Klavye ve form olaylarının yönetimi
  • Bir kez çalışan olaylar için one
Modül 4
Olay Delegasyonu
  • Dinamik eklenen öğelerde olay sorunu
  • on ile seçici parametreli delegasyon
  • Üst öğeye bağlı tek dinleyici avantajı
  • Performans için delegasyon stratejisi
  • Olay yayılımı ve kabarcıklanma mantığı
  • Liste öğelerinde delegasyon örneği
Günün hedefiKatılımcı jQuery efektleri ve animate ile görsel geçişler oluşturur, form verilerini okur, doğrular ve kullanıcıya geri bildirim veren etkileşimler kurar.
Modül 1
Görsel Efektler ve Geçişler
  • show, hide ve toggle ile görünürlük
  • fadeIn, fadeOut ve fadeToggle efekti
  • slideDown, slideUp ve slideToggle
  • Efekt süresi ve yavaşlama (easing)
  • Efekt tamamlanınca geri çağırma
  • Kullanıcı deneyiminde efekt dengesi
Modül 2
Özel Animasyonlar
  • animate ile CSS özelliği animasyonu
  • Kuyruk (queue) ve sıralı animasyon
  • stop ile çalışan animasyonu durdurma
  • delay ile animasyon arası bekleme
  • Göreli değerle artan animasyon
  • Animasyon performansı ve CSS ile karşılaştırma
Modül 3
Form Verisi İşleme
  • submit olayını yakalama ve yönetme
  • serialize ile form verisini toplama
  • val ile alan değerlerini okuma
  • Seçim kutusu ve onay kutusu durumu
  • Dinamik alan ekleme ve çıkarma
  • Gönderim öncesi veri hazırlama
Modül 4
Form Doğrulama İşlemleri
  • Zorunlu alan ve boş değer denetimi
  • Düzenli ifade ile e-posta doğrulama
  • Anlık doğrulama ve hata mesajı gösterimi
  • Hatalı alanı sınıf ile vurgulama
  • Doğrulama geçmeden gönderimi engelleme
  • Kullanıcıya olumlu geri bildirim verme
Günün hedefiKatılımcı AJAX ile sunucudan veri alıp sayfaya işler, yeniden kullanılabilir jQuery eklentisi geliştirir ve jQuery'yi modern JavaScript ile birlikte kullanmayı öğrenir.
Modül 1
AJAX ile Veri İşleme
  • ajax ile GET ve POST istekleri
  • get ve post kısayol metotlarının kullanımı
  • JSON yanıtını alma ve sayfaya işleme
  • done, fail ve always ile sonuç yönetimi
  • Yükleniyor göstergesi ve hata durumu
  • load ile sayfaya kısmi içerik çekme
Modül 2
Sunucu Verisini Gösterme
  • Gelen JSON verisini DOM'da listeleme
  • Şablon metinle dinamik satır oluşturma
  • Sayfalama ve daha fazla yükleme mantığı
  • Arama ve filtreleme ile istek gönderme
  • Veri güncelleme ve silme istekleri
  • İstek sırasında arayüzü kilitleme
Modül 3
jQuery Eklenti Geliştirme
  • fn ile eklenti (plugin) tanımı
  • this ve zincirlenebilirliğin korunması
  • Varsayılan seçenekler ve extend ile ezme
  • Her öğe için each ile işlem uygulama
  • Basit bir sekme veya galeri eklentisi
  • Eklentiyi paketleme ve yeniden kullanma
Modül 4
Modern Kullanım ve Bakım
  • jQuery ile saf JavaScript birlikte kullanımı
  • fetch ve Promise ile ajax karşılaştırması
  • Gereksiz jQuery bağımlılığını azaltma
  • Mevcut jQuery kodunu okuma ve bakım
  • Performans için seçim önbellekleme
  • jQuery'den modern çatıya geçiş yolu

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
jQuery seçiciler

jQuery seçicileri ve filtreleriyle sayfa öğelerini hızla seçer, zincirleme işlemlerle az kodla çok iş yaparsınız.

✅
DOM işlemleri

DOM üzerinde öğe ekleme, çıkarma, gezinme ve değiştirme işlemlerini jQuery ile akıcı biçimde yaparsınız.

✅
Olay yönetimi

on ile olay bağlar, olay delegasyonuyla dinamik içerikte etkileşimi doğru ve performanslı biçimde kurarsınız.

✅
Efekt ve animasyon

Hazır efektler ve animate ile görsel geçişler oluşturur, kullanıcı deneyimini dengeli biçimde zenginleştirirsiniz.

✅
Form işleme

Form verilerini okur, anlık doğrulama uygular ve kullanıcıya net hata ve başarı geri bildirimi verirsiniz.

✅
AJAX ile veri

AJAX ile sunucudan JSON veri çeker, gelen veriyi sayfada listeler ve yükleme ile hata durumlarını yönetirsiniz.

✅
Eklenti geliştirme

fn ile yeniden kullanılabilir jQuery eklentisi yazar, seçenek ve zincirlenebilirliği doğru biçimde kurarsınız.

✅
Modern bakım

jQuery kodunu okuyup sürdürür, saf JavaScript ile birlikte kullanır ve modern çatılara geçiş yolunu görürsünüz.

Kimler İçin Uygundur?

  • JavaScript bilen ve jQuery ile hızlı arayüz geliştirmek isteyen geliştiriciler
  • jQuery kullanan mevcut projeleri sürdüren yazılımcılar
  • web tasarımından geliştirmeye geçenler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
JavaScript bilen ve jQuery ile hızlı arayüz geliştirmek isteyen geliştiriciler, jQuery kullanan mevcut projeleri sürdüren yazılımcılar ve web tasarımından geliştirmeye geçenler için uygundur. Temel JavaScript, HTML ve CSS bilgisi beklenir.
jQuery hâlâ öğrenmeye değer mi?
Evet. Yeni projelerde modern çatılar yaygınlaşsa da, çok sayıda kurumsal web sitesi ve WordPress tabanlı proje hâlâ jQuery kullanır. Bu beceriyle var olan kod tabanlarını sürdürebilir, hızlı etkileşimler ekleyebilir ve eğitimde modern JavaScript'e geçiş yolunu da görürsünüz.
Eğitim için JavaScript bilmek gerekiyor mu?
Temel JavaScript bilgisi beklenir; ancak eğitimin ilk günü gerekli kavramları tazeler. Değişken, fonksiyon, dizi ve DOM kavramlarına aşinaysanız jQuery'yi rahatça kavrarsınız. HTML ve CSS seçicilerine aşinalık, jQuery seçicilerini anlamayı da 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. JavaScript temelinden jQuery seçici ve efektlere, oradan AJAX ve eklentiye 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 etkileşimli web sayfasını 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 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. JavaScript with jQuery Eğitimi 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 TypeScriptFSD Front-End Development: Using JavaScript Functions Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

FSD Front-End Development: Using JavaScript Functions Eğitimi

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

Fonksiyon tanımı, kapsam, closure, this bağlamı, yüksek dereceli fonksiyonlar ve fonksiyonel teknikleri öğreten orta seviye JavaScript eğitimi.

Detayları Gör →
JavaScript ve TypeScriptFSD Front-End Development: Writing Code with jQuery Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

FSD Front-End Development: Writing Code with jQuery Eğitimi

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

jQuery ile sekme, modal ve form gibi etkileşimli bileşenleri, olay desenlerini ve Ajax veri akışını kodlamayı öğreten orta seviye eğitim.

Detayları Gör →
JavaScript ve TypeScriptGelişmiş Odoo Geliştirme Python, JavaScript ve OWL ile Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Gelişmiş Odoo Geliştirme Python, JavaScript ve OWL ile Eğitimi

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

Odoo ORM, miras mekanizmaları, güvenlik, QWeb, controller ve OWL bileşenleriyle uçtan uca modül geliştirmeyi öğreten ileri seviye Odoo eğitimi.

Detayları Gör →
JavaScript ve TypeScriptGelişmiş TypeScript Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Gelişmiş TypeScript Eğitimi

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

Jenerikler, koşullu ve eşlenen tipler, yardımcı tipler, template literal tipler ve dekoratörleri öğreten ileri seviye TypeScript eğitimi.

Detayları Gör →
JavaScript ve TypeScriptIntroduction to TypeScript and Node Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Introduction to TypeScript and Node Eğitimi

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

TypeScript tür sistemi ve Node.js ile tipli backend: tsconfig, generic, event loop, Express REST API, test ve dağıtımı öğreten uygulamalı eğitim.

Detayları Gör →
JavaScript ve TypeScriptIntroduction to TypeScript Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Introduction to TypeScript Eğitimi

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

TypeScript'i sıfırdan öğrenin: temel türler, union, interface, class, generic, utility type, modüller ve JavaScript entegrasyonu üzerine uygulamalı eğitim.

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