ESSENTİAL JQUERY EĞİTİMİ

jQuery ile DOM'u hızlı ve kolay yönetin

Seçiciler, DOM işleme, olaylar, efektler ve Ajax ile pratik jQuery geliştirme becerileri

Essential jQuery Eğitimi, hâlâ yaygın kullanılan jQuery kütüphanesiyle sayfaları hızlı ve kısa kodla geliştirmeyi uygulamalı öğretir.

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

Eğitim Hakkında

Seçicilerden olay yönetimine, efektlerden Ajax isteklerine kadar temel jQuery akışı

Essential jQuery Eğitimi, hâlâ yaygın kullanılan jQuery kütüphanesiyle sayfaları hızlı ve kısa kodla geliştirmeyi uygulamalı öğretir. Katılımcılar güçlü seçicileri, jQuery nesnesini, DOM üzerinde ekleme, silme ve değiştirme işlemlerini öğrenir. Olay yönetimi, delegasyon, efekt ve animasyonlar, form işlemleri ve Ajax ile sunucu iletişimi ele alınır. Eğitim eklenti kullanımı ve sade, bakımı kolay kod yazımıyla tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; seçicilerden Ajax'a kadar her konu tarayıcıda çalışan küçük örneklerle uygulanır.

Seviye

Orta Seviye — jQuery seçicileri, DOM işleme, olay yönetimi, efektler ve Ajax ile hızlı ön yüz geliştirme

Öğrenme Metodu

Her konu tek bir etkileşimli sayfa üzerinde adım adım uygulanır; vanilla JavaScript ile jQuery karşılığı sık sık karşılaştırılır.

Neden Bu Eğitim?

⚡Hızlı DOM işleme

Güçlü seçiciler ve kısa zincirleme sözdizimiyle öğeleri seçip DOM üzerinde ekleme, silme ve değiştirme işlemlerini hızla yaparsınız.

🔗Yaygın kod tabanı

Çok sayıda mevcut proje ve eklenti jQuery kullanır; bu beceriyle eski kodu okuyup sürdürür ve projelere hızla uyum sağlarsınız.

🌐Kolay Ajax ve efekt

Ajax istekleri, efektler ve animasyonlarla sayfayı yenilemeden güncelleyen akıcı etkileşimleri az kodla kurmayı öğrenirsiniz.

Anahtar Konular

jquery eğitimijquery kursujquery öğrenmejquery ajax eğitimijquery dom işlemeön yüz geliştirme eğitimijavascript jquery kursujquery seçicilerweb geliştirme eğitimijquery efektleri
“jQuery bir aracın ötesinde web'in büyük bölümünü hâlâ ayakta tutan bir mirastır; onu iyi bilen, hem bugünün hem dünün koduna hakim olur.”

Ön Koşullar

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

1
HTML ve CSS

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

2
Temel JavaScript

Değişken, fonksiyon ve olay kavramı gibi temel JavaScript bilgisi örneklerin takibini kolaylaştırır.

3
Tarayıcı araçları

Tarayıcı geliştirici araçlarıyla konsolu açmak ve öğeleri denetlemek örneklerde sıkça kullanılır.

4
Editör ve tarayıcı

VS Code gibi bir editör ve güncel bir tarayıcı gereklidir; jQuery CDN üzerinden sayfaya eklenir.

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ı jQuery'yi sayfaya ekler, jQuery nesnesini ve seçicileri kavrar, öğeleri seçip zincirleme sözdizimiyle işler ve DOM hazır olayını doğru kullanır.
Modül 1
jQuery Kurulumu ve $ Fonksiyonu
  • jQuery'yi CDN ve yerel dosya ile ekleme
  • $ ve jQuery takma adlarının kullanımı
  • document ready ile DOM hazır olması
  • jQuery nesnesi ile DOM öğesi farkı
  • noConflict ile çakışmayı önleme
  • Sürüm seçimi ve tarayıcı uyumu
Modül 2
Temel ve Hiyerarşik Seçiciler
  • Etiket, sınıf ve id ile öğe seçme
  • Çoklu seçici ve gruplama kullanımı
  • Alt öğe ve torun seçici arasındaki fark
  • Kardeş ve bitişik öğe seçicileri
  • Nitelik değerine göre öğe seçme
  • CSS seçicileriyle jQuery seçici benzerliği
Modül 3
Filtre ve Form Seçicileri
  • first, last ve eq ile konuma göre filtre
  • even ve odd ile sıralı öğe seçimi
  • has, not ve contains filtreleri
  • visible ve hidden ile görünürlük filtresi
  • input, checked ve selected form seçicileri
  • Filtrelerle seçim kümesini daraltma
Modül 4
Zincirleme ve Seçim Yönetimi
  • Metotları zincirleyerek tek satırda işlem
  • length ile seçim kümesi boyutunu ölçme
  • each ile seçimdeki öğelerde döngü
  • end ile önceki seçime geri dönme
  • Seçimi değişkende saklayıp yeniden kullanma
  • Gereksiz DOM sorgularından kaçınma
Günün hedefiKatılımcı jQuery ile içerik, nitelik ve stilleri değiştirir, DOM ağacında dolaşır, öğe ekleyip siler ve olayları bağlayarak kullanıcı etkileşimlerini yönetir.
Modül 1
İçerik, Nitelik ve Stil
  • html ve text ile içerik okuma ve yazma
  • val ile form alanı değerini yönetme
  • attr ve prop arasındaki önemli fark
  • addClass, removeClass ve toggleClass
  • css ile satır içi stil uygulama
  • data metodu ile öğeye veri bağlama
Modül 2
DOM Ağacında Dolaşma
  • parent ve parents ile üst öğelere çıkma
  • children ve find ile alt öğelere inme
  • siblings, next ve prev ile kardeş öğeler
  • closest ile en yakın atayı bulma
  • filter ve not ile seçimi daraltma
  • Dolaşma metotlarını zincirleme kullanma
Modül 3
Öğe Ekleme ve Silme
  • append ve prepend ile içeri ekleme
  • before ve after ile yanına ekleme
  • remove ve empty ile öğe ve içerik silme
  • clone ile öğeyi kopyalayarak çoğaltma
  • wrap ve unwrap ile öğeyi sarmalama
  • Dinamik olarak liste öğesi oluşturma
Modül 4
Olay Yönetimi ve Delegasyon
  • on ile olay bağlama ve off ile kaldırma
  • click, submit ve change gibi olaylar
  • Olay nesnesi ve preventDefault kullanımı
  • Dinamik öğeler için olay delegasyonu
  • stopPropagation ile yayılmayı durdurma
  • Olay delegasyonunun performans yararı
Günün hedefiKatılımcı efekt ve animasyonlarla akıcı etkileşim kurar, Ajax ile sunucudan veri alıp gönderir, formları işler ve hazır eklentileri projeye entegre eder.
Modül 1
Efektler ve Animasyonlar
  • show, hide ve toggle ile görünürlük
  • fadeIn, fadeOut ve fadeToggle efektleri
  • slideDown, slideUp ve slideToggle
  • animate ile özel CSS animasyonu
  • Efekt süresi ve geri çağırma fonksiyonu
  • Animasyon kuyruğu ve stop kullanımı
Modül 2
Ajax ile Sunucu İletişimi
  • load ile sayfa parçasını getirme
  • get ve post ile kısa Ajax istekleri
  • ajax metodu ile tam kontrollü istek
  • JSON yanıtını işleme ve ekrana basma
  • done, fail ve always ile sonuç yönetimi
  • Ajax sırasında yükleniyor göstergesi
Modül 3
Form İşleme ve Doğrulama
  • Form değerlerini serialize ile toplama
  • submit olayında varsayılanı engelleme
  • Alanları jQuery ile istemci tarafı doğrulama
  • Hata mesajlarını dinamik gösterme
  • Ajax ile form verisini gönderme
  • Başarı sonrası formu sıfırlama
Modül 4
Eklentiler ve Sade Kod
  • Hazır jQuery eklentisini sayfaya ekleme
  • Eklenti seçeneklerini yapılandırma
  • Basit bir jQuery eklentisi yazma mantığı
  • jQuery ile vanilla JavaScript dengesi
  • Gereksiz DOM erişimini azaltma
  • Okunabilir ve sürdürülebilir jQuery kodu

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Seçici hakimiyeti

jQuery'nin temel, hiyerarşik ve filtre seçicileriyle sayfadaki öğeleri hızlı ve isabetli biçimde seçip işleyebilirsiniz.

✅
Zincirleme kullanımı

Metotları zincirleyerek kısa ve akıcı kod yazar, seçim kümesini each ve filtre metotlarıyla etkin biçimde yönetirsiniz.

✅
DOM işleme

İçerik, nitelik ve stilleri değiştirir, öğe ekleyip siler ve DOM ağacında dolaşarak sayfayı dinamik biçimde güncellersiniz.

✅
Olay yönetimi

on ile olay bağlar, olay delegasyonuyla dinamik öğeleri yönetir ve kullanıcı etkileşimlerine doğru biçimde yanıt verirsiniz.

✅
Efekt ve animasyon

fade, slide ve animate metotlarıyla akıcı görsel geçişler kurar, animasyon kuyruğunu ve geri çağırmaları yönetirsiniz.

✅
Ajax iletişimi

get, post ve ajax metotlarıyla sunucudan veri alıp gönderir, JSON yanıtlarını işler ve sayfayı yenilemeden güncellersiniz.

✅
Form işleme

Form verilerini toplar, istemci tarafı doğrulama yapar ve Ajax ile göndererek kesintisiz form deneyimleri oluşturursunuz.

✅
Eklenti entegrasyonu

Hazır jQuery eklentilerini projeye ekler, yapılandırır ve sade, okunabilir, sürdürülebilir jQuery kodu yazarsınız.

Kimler İçin Uygundur?

  • jQuery tabanlı projelerde çalışan veya mevcut kodu sürdürmek zorunda olan ön yüz geliştiriciler
  • JavaScript bilgisini pratik bir kütüphaneyle hızlandırmak isteyen web geliştiricileri
  • ekipler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
jQuery tabanlı projelerde çalışan veya mevcut kodu sürdürmek zorunda olan ön yüz geliştiriciler, JavaScript bilgisini pratik bir kütüphaneyle hızlandırmak isteyen web geliştiricileri ve ekipler için uygundur. Temel HTML, CSS ve JavaScript bilgisi beklenir.
Modern projelerde jQuery hâlâ geçerli mi?
Evet. React, Vue gibi modern çatılar yaygınlaşsa da çok sayıda mevcut proje, kurumsal sistem ve WordPress teması jQuery kullanır. Mevcut kodu okumak, sürdürmek ve hızlı prototip üretmek için jQuery bilmek hâlâ değerlidir. Eğitimde vanilla JavaScript karşılıkları da gösterilir.
jQuery ile vanilla JavaScript arasındaki fark ne?
jQuery, DOM işleme, olay yönetimi ve Ajax gibi işleri kısa ve tarayıcı uyumlu bir sözdizimiyle yapmayı sağlar. Modern JavaScript birçok işi artık yerel olarak sunar. Eğitim her konuda jQuery ile vanilla karşılığını karşılaştırarak ne zaman hangisinin uygun olduğunu gösterir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Seçicilerden Ajax'a kadar her konu tarayıcıda çalışan küçük örneklerle uygulanır. Yüz yüze veya online yapılabilir; içerik kurumun mevcut jQuery tabanlı projelerine 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 etkileşimli sayfayı 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. Essential jQuery Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 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 TypeScriptUsing Gulp.js Plugins for JavaScript Analysis Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Using Gulp.js Plugins for JavaScript Analysis Eğitimi

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

Gulp.js eklentileriyle JavaScript kod analizi: ESLint, JSHint, JSCS linting, Plato ve complexity ile karmaşıklık, jsinspect ve CI entegrasyonu kurumsal eğitimi.

Detayları Gör →
JavaScript ve TypeScriptWeb Fundamentals: Dynamic Web Pages with JavaScript Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Web Fundamentals: Dynamic Web Pages with JavaScript Eğitimi

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

JavaScript ile dinamik web sayfaları: DOM manipülasyonu, olay yönetimi, form doğrulama ve fetch ile API'den veri çekmeyi öğreten temel seviye kurumsal eğitim.

Detayları Gör →
JavaScript ve TypeScriptWorking with ASK API Using Node.js & Java Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Working with ASK API Using Node.js & Java Eğitimi

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

Alexa Skills Kit (ASK) API ile Node.js ve Java kullanarak sesli beceri geliştirme: intent, slot, SSML, oturum yönetimi ve Lambda dağıtımı kurumsal eğitimi.

Detayları Gör →
JavaScript ve TypeScriptWorking with Jasmine Spies & Using Jasmine with Node.js Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Working with Jasmine Spies & Using Jasmine with Node.js Eğitimi

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

Jasmine ile BDD testleri: spyOn ve createSpy ile spy stratejileri, matcher'lar, Node.js kurulumu, asenkron test ve CI entegrasyonu içeren kurumsal eğitim.

Detayları Gör →
JavaScript ve TypeScriptWorking with JSON, Java, Node.js, & Python Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Working with JSON, Java, Node.js, & Python Eğitimi

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

JSON'ı Java, Node.js ve Python ile işleyin: JSON Schema doğrulama, Jackson, Gson, json modülü ve pydantic ile uçtan uca JSON eğitimi.

Detayları Gör →
JavaScript ve TypeScriptES ve Modern JavaScript Özellikleri Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

ES ve Modern JavaScript Özellikleri Eğitimi

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

ES6+ let/const, ok fonksiyonları, destructuring, Promise, async/await, modüller, optional chaining ve Proxy ile modern JavaScript eğitimi.

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