Anasayfa›Web ve Ön Yüz Geliştirme›JavaScript ve TypeScript
Web ve Ön Yüz Geliştirme JavaScript ve TypeScript

JAVASCRIPT ESSENTIALS WITH JQUERY EĞİTİMİ

jQuery ile hızlı etkileşim geliştirin

JavaScript temellerinden jQuery seçici, efekt ve AJAX ile hızlı arayüz geliştirme

JavaScript Essentials with jQuery Eğitimi, JavaScript temellerini jQuery ile birleştirerek hızlı DOM ve etkileşim geliştirmeyi öğretir.

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

Eğitim Hakkında

JavaScript temellerinden jQuery seçici, olay, efekt ve AJAX ile hızlı DOM geliştirmeye

JavaScript Essentials with jQuery Eğitimi, JavaScript temellerini jQuery kütüphanesiyle birleştirerek hızlı DOM ve etkileşim geliştirmeyi öğretir. Katılımcılar değişken, fonksiyon ve temel dil yapılarını öğrenir; jQuery seçicileri, DOM işleme, olay yönetimi ve yerleşik efektlerle çalışır. Program jQuery ile AJAX üzerinden sunucu iletişimi, form işleme, eklenti kullanımı ve mevcut projelere entegrasyonu kapsar; her konu küçük uygulamalarla pekiştirilir.

Süre ve Format

3 Gün. Her gün dört modül; örnek bir web sayfası üç gün boyunca jQuery seçicileri, efektleri ve AJAX ile adım adım etkileşimli hale getirilir.

Seviye

Temel Seviye — JavaScript temelleriyle birlikte jQuery kullanarak hızlı DOM ve etkileşim geliştirme

Öğrenme Metodu

Örnek bir sayfa üç gün boyunca jQuery ile canlandırılır; her modülde seçici, olay, efekt veya AJAX konusu uygulamalı işlenir.

Neden Bu Eğitim?

⚡Hızlı geliştirme

jQuery'nin kısa söz dizimiyle DOM seçimi, değişiklik ve olay yönetimini az kodla hızlıca yapar, prototipi çabuk kurarsınız.

🔧Mevcut projeler

Pek çok kurumsal sayfa hâlâ jQuery kullanır; bu beceriyle mevcut kod tabanlarına hızlıca katkı verir ve bakım yapabilirsiniz.

🧩Yumuşak başlangıç

jQuery, JavaScript temellerini öğrenirken DOM ve olay kavramlarını somutlaştırır; etkileşim mantığını kolay kavramanızı sağlar.

Anahtar Konular

jquery eğitimijavascript jquery kursujquery dom işlemejquery ajax eğitimijquery seçicilerjquery efektlerjavascript temellerijquery form işlemejquery eklentiön yüz geliştirme eğitimi
“jQuery, DOM'u ehlileştiren pratik bir dildir; temelini bilen geliştirici hem eski projeyi yaşatır hem yeni araçlara hazırlanır.”

Ön Koşullar

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

1
HTML bilgisi

Temel HTML etiketleri ve sayfa yapısına aşinalık beklenir; jQuery bu yapıyı seçmek ve değiştirmek için kullanılır.

2
CSS temelleri

Seçici ve sınıf kavramlarına aşinalık, jQuery seçicilerini ve stil örneklerini anlamayı kolaylaştırır.

3
Kod düzenleyici

Bir kod düzenleyici ve güncel bir tarayıcının kurulu olması gerekir; jQuery CDN ile kolayca eklenir.

4
Programlama deneyimi gerekmez

Önceden programlama bilgisi beklenmez; eğitim JavaScript temellerini ve jQuery'yi adım adım öğretir.

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ı temel JavaScript yapılarını öğrenir, jQuery'yi projeye ekler, seçicilerle öğelere erişir ve jQuery nesnesinin çalışma mantığını kavrar.
Modül 1
JavaScript Temelleri
  • Değişken (let, const) ve veri türleri
  • Operatörler ve karşılaştırma işlemleri
  • if ve döngü ile kontrol akışı kurma
  • Fonksiyon tanımı, çağrı ve dönüş değeri
  • Dizi ve nesne (object) veri temeli
  • Tarayıcı konsolunda hata ayıklama
Modül 2
jQuery'ye Giriş ve Kurulum
  • jQuery'nin amacı ve avantajları
  • CDN veya dosya ile projeye ekleme
  • $(document).ready ile başlatma
  • $ fonksiyonu ve jQuery nesnesi
  • jQuery ve saf JavaScript farkı
  • Sürüm seçimi ve uyumluluk konuları
Modül 3
Seçiciler ve Gezinme
  • Etiket, sınıf ve id seçicileri
  • Öznitelik ve alt öğe seçicileri
  • Filtreleme: first, last ve eq yöntemleri
  • find, children ve parent ile gezinme
  • siblings ve next ile komşu seçimi
  • Seçim sonucu üzerinde dolaşma (each)
Modül 4
Zincirleme ve Değerler
  • Metot zincirleme (chaining) mantığı
  • text ve html ile içerik okuma yazma
  • val ile form değeri alma ve atama
  • attr ve prop ile öznitelik yönetimi
  • addClass ve removeClass ile sınıf
  • css ile stil okuma ve değiştirme
Günün hedefiKatılımcı jQuery ile öğe ekleyip çıkarır, olayları yönetir, yerleşik gösterme/gizleme ve animasyon efektlerini kullanarak sayfayı canlandırır.
Modül 1
DOM İçeriğini Değiştirme
  • append ve prepend ile içerik ekleme
  • before ve after ile konumlu ekleme
  • remove ve empty ile öğe ve içerik silme
  • clone ile öğeyi kopyalama ve çoğaltma
  • wrap ile öğeyi başka öğeyle sarmalama
  • Döngüyle dinamik liste oluşturma
Modül 2
Olay Yönetimi ve Bağlama
  • on yöntemiyle öğeye olay bağlama
  • click, change ve submit olayları
  • Olay nesnesi (event) ve this bağlamı
  • preventDefault ve stopPropagation
  • Olay delegasyonu ile dinamik öğeler
  • off ile olay dinleyicisini kaldırma
Modül 3
Görünürlük Efektleri
  • show, hide ve toggle ile görünürlük
  • fadeIn, fadeOut ve fadeToggle efektleri
  • slideDown, slideUp ve slideToggle
  • Efekt süresi ve geri çağrım (callback)
  • Efekt kuyruğu (queue) davranışı
  • stop ile çalışan efekti durdurma
Modül 4
Özel Animasyon (animate)
  • animate ile özel özellik animasyonu
  • Birden fazla özelliği birlikte canlandırma
  • Göreli değer (+=, -=) kullanımı
  • easing ile hareket hissi ayarı
  • Animasyon zincirleme ve sıralama
  • Performans ve aşırı kullanımdan kaçınma
Günün hedefiKatılımcı jQuery AJAX ile sunucudan veri alır, form verisini işler ve doğrular, hazır eklentileri kurup mevcut projeye entegre eder.
Modül 1
jQuery AJAX İstekleri
  • $.ajax ile temel AJAX istek yapısı
  • $.get ve $.post istek kısayolları
  • JSON yanıtını alma ve ayrıştırma
  • done, fail ve always geri çağrımları
  • Yükleniyor göstergesi gösterme
  • Gelen veriyi DOM'a yerleştirme
Modül 2
Form İşleme ve Doğrulama
  • serialize ile form verisini toplama
  • val ile alan değerlerini okuma
  • submit olayını yakalama ve engelleme
  • Basit girdi doğrulama (validation)
  • Hata ve başarı mesajı gösterme
  • AJAX ile form verisini gönderme
Modül 3
jQuery Eklentileri
  • jQuery eklentisinin çalışma mantığı
  • Hazır eklenti kurulumu ve yapılandırması
  • Slider, modal ve tarih seçici örnekleri
  • Eklenti seçenekleri (options) kullanımı
  • Basit özel eklenti yazımına giriş
  • Eklenti çakışması ve noConflict
Modül 4
Entegrasyon ve İyi Uygulama
  • Mevcut projeye jQuery entegrasyonu
  • Kodu düzenli dosyalara ayırma yöntemi
  • jQuery ve modern JavaScript birlikte
  • Gereksiz jQuery kullanımından kaçınma
  • Performans ve seçici verimliliği
  • Tarayıcı uyumluluğu ve test etme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
JavaScript temeli

Değişken, fonksiyon, dizi ve kontrol yapılarıyla temel program mantığını kurar ve jQuery için zemin hazırlarsınız.

✅
jQuery kurulumu

jQuery'yi projeye ekler, $(document).ready ile başlatır ve jQuery nesnesinin çalışma mantığını kavrarsınız.

✅
Seçici kullanımı

Etiket, sınıf, id ve gezinme seçicileriyle öğelere hızlıca erişir ve metot zincirleme yaklaşımını uygularsınız.

✅
DOM işleme

jQuery ile öğe ekler, çıkarır ve içeriği değiştirir; sayfayı dinamik olarak güncellemeyi öğrenirsiniz.

✅
Olay yönetimi

on ile olayları bağlar, olay delegasyonuyla dinamik öğeleri yönetir ve etkileşimli davranışlar kurarsınız.

✅
Efekt ve animasyon

show/hide, fade, slide ve animate ile yerleşik efektleri kullanarak sayfaya akıcı hareket katarsınız.

✅
AJAX ile veri

jQuery AJAX ile sunucudan JSON veri alır, geri çağrımlarla işler ve sonucu arayüze yansıtabilirsiniz.

✅
Form ve eklenti

Form verisini işleyip doğrular, hazır jQuery eklentilerini kurup mevcut projeye entegre edebilirsiniz.

Kimler İçin Uygundur?

  • Web geliştirmeye yeni başlayan
  • HTML
  • CSS bilen ve jQuery kullanan mevcut projelerde hızlıca çalışmak isteyen geliştiriciler ile sayfaya pratik biçimde etkileşim katmak isteyen ekip üyeleri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Web geliştirmeye yeni başlayan, HTML ve CSS bilen ve jQuery kullanan mevcut projelerde hızlıca çalışmak isteyen geliştiriciler için uygundur. Önceden programlama bilgisi gerekmez; JavaScript temelleri ve jQuery adım adım öğretilir.
jQuery hâlâ öğrenmeye değer mi?
Evet. Pek çok kurumsal ve mevcut web projesi hâlâ jQuery kullandığı için bakım ve geliştirme açısından değerlidir. Ayrıca jQuery, DOM ve olay kavramlarını somutlaştırarak JavaScript öğrenimini kolaylaştıran iyi bir başlangıçtır.
Saf JavaScript öğrenmem gerekmez mi?
Eğitim jQuery'yi JavaScript temelleriyle birlikte öğretir; değişken, fonksiyon ve dil yapıları da işlenir. Son günde jQuery ile modern JavaScript'in birlikte kullanımı ve gereksiz jQuery'den kaçınma konuları da ele alınır.
Eğitim online mı yüz yüze mi veriliyor?
Eğitim hem yüz yüze hem online olarak verilebilir ve kurumun ihtiyaçlarına göre uyarlanır. Örnekler, kurumun mevcut projelerine ve arayüzüne göre özelleştirilebilir.
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, eğitim kapsamını ve tamamlanan modülleri belgeler.

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 Essentials with jQuery Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeTemel Seviye
FormatOnline / Yüz Yüze / Hibrit
AlanWeb ve Ön Yüz Geliştirme
KonuJavaScript ve TypeScript
Sertifika✓ Var
Hemen Bilgi Al
Bilgi için:
+90 (501) 369 40 14
[email protected]
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

JavaScript ve TypeScriptAllowing JavaScript & Data Binding Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Allowing JavaScript & Data Binding Eğitimi

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

JavaScript'te veri bağlama: tek yönlü ve iki yönlü binding, Proxy ile reaktiflik, Observer deseni ve mini binding kütüphanesi kuran kurumsal eğitim.

Detayları Gör →
JavaScript ve TypeScriptApplication Development with Node.js: Build Apps using Modules & MEAN Stack Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Application Development with Node.js: Build Apps using Modules & MEAN Stack Eğitimi

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

Node.js modül sistemi ve MEAN yığınıyla tam yığın geliştirme: CommonJS, ESM, npm, MongoDB, Express ve Angular ile uçtan uca uygulama eğitimi.

Detayları Gör →
JavaScript ve TypeScriptApplication Development with Node.js: Language Fundamentals Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Application Development with Node.js: Language Fundamentals Eğitimi

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

Node.js dil temelleri: çalışma zamanı, event loop, modüller, npm, asenkron programlama, fs, stream ve http ile backend'e giriş eğitimi.

Detayları Gör →
JavaScript ve TypeScriptApplication Development with Node.js: Managing Advanced Application Elements Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Application Development with Node.js: Managing Advanced Application Elements Eğitimi

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

İleri Node.js: stream, cluster, worker threads, önbellek, güvenlik, WebSocket, test ve Docker ile üretim ölçeğinde uygulama yönetimi eğitimi.

Detayları Gör →
JavaScript ve TypeScriptApplication Development with Node.js: Microservices Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Application Development with Node.js: Microservices Eğitimi

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

Node.js ile mikroservis mimarisi: servis tasarımı, REST ve gRPC, mesaj kuyruğu, API gateway, dayanıklılık ve Docker ile dağıtım eğitimi.

Detayları Gör →
JavaScript ve TypeScriptApplication Development with Node.js: Microservices Frameworks, & Utilities Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Application Development with Node.js: Microservices Frameworks, & Utilities Eğitimi

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

Node.js ile mikroservis mimarisi, NestJS, Moleculer, gRPC, mesaj kuyrukları, API Gateway, dayanıklılık ve Docker dağıtımını öğreten uygulamalı eğitim.

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