JQUERY EĞİTİMİ

Pratik DOM ve Animasyon

jQuery, modern JavaScript çerçevelerinden (React, Vue, Angular) önce yaygın olan ve hâlâ pek çok mevcut web sitesinde kullanılan bir kütüphanedir. WordPress eklentileri, kurumsal eski projeler, e-ticaret tema'ları sıklıkla jQuery üzerine kuruludur. Yeni proje için tercih edilmese de var olanı bakım, geliştirme ve hata gidermek için jQuery bilgisi gerekli kalmaya devam eder.

jQuery Eğitimi, jQuery'nin pratik kullanımını katılımcıya kazandırır. jQuery dahil etme, $ seçiciler, DOM elementlerini bulma ve değiştirme, sınıf-stil yönetimi, içerik manipülasyonu, olay yönetimi (click, hover, submit), efektler ve animasyonlar (fadeIn, slideToggle), AJAX istekleri, JSON işleme, jQuery plugin sistemi ve modern JavaScript ile karşılaştırma işlenir.

jQuery Eğitimi, mevcut WordPress veya kurumsal projelerde çalışan geliştiriciler, eski projeleri devralan frontend uzmanları, e-ticaret tema özelleştirmesi yapan webmaster'lar için tasarlanmıştır. Eğitim sonunda katılımcı, jQuery temelli mevcut projeleri sorunsuz geliştirebilir.

Ön Koşullar

jQuery Eğitimi için ön koşul, temel HTML, CSS ve JavaScript bilgisidir. Frontend geliştirme deneyimi avantajdır.

Kimler Katılmalı

Mevcut WordPress Projesi Geliştiricileri: Tema ve eklenti üzerinde çalışan profesyoneller
Eski Projeleri Devralan Frontend Uzmanları: Legacy kodla çalışan kadrolar
E-Ticaret Webmaster'ları: Magento, OpenCart gibi platformlarda tema özelleştirenler
Kurumsal Web Sitesi Geliştiricileri: 5-10 yıllık projeleri sürdüren kadrolar
Backend Geliştiricileri: Frontend tarafına müdahale eden full stack profesyoneller
Web Tasarımcıları: Statik tasarımı dinamik hale getirenler
Yeni Frontend Geliştiriciler: Modern öncesi mevcut projeleri tanımak isteyenler

Eğitim Yöntemi

Sunum, jQuery selector ve olay atölyesi, animasyon ve AJAX egzersizi, plugin entegrasyon pratiği ve katılımcının kendi mevcut projesi üzerinden uygulama ile yürür.

Kazanımlar

jQuery Seçiciler: $ ile DOM element bulma ve filtreleme
DOM Manipülasyonu: Element ekleme, kaldırma, içerik değiştirme
Olay Yönetimi: Click, hover, submit, custom event bağlama
Efektler ve Animasyon: fadeIn, slideToggle, animate ile geçişler
AJAX İstekleri: JSON veri çekme ve gönderme
Plugin Sistemi: Hazır jQuery eklentilerini entegre etme
Modern JS ile Karşılaştırma: jQuery yerine vanilla JS alternatiflerini bilme

Eğitim Süresi

2 Gün (16 Saat). Kurumsal talebe göre 1 günlük özet veya 3 günlük uygulamalı versiyon olarak planlanabilir.

jQuery Eğitimi İçeriği

1. jQuery Tanıtım

jQuery'nin tarihi ve yeri
Modern alternatifler
Hangi projeler için hâlâ uygun
Vanilla JS ile karşılaştırma

2. Kurulum ve Dahil Etme

CDN ile dahil etme
Lokal dosya kurulumu
jQuery sürümleri
noConflict modu

3. Document Ready

$(document).ready()
DOM yüklendiğinde tetikleme
Kısa yazım
Klasik load ile fark

4. Seçiciler

Tag, class, id seçici
Attribute seçici
Pseudo seçiciler
Hiyerarşik seçiciler

5. Filtreleme ve Traversing

find, filter, not
parent, children, siblings
next, prev
each iterasyonu

6. Element Manipülasyonu

html, text, val
attr ve prop
addClass, removeClass
css ile stil

7. Element Ekleme ve Çıkarma

append, prepend
after, before
remove ve empty
clone

8. Olay Yönetimi

click, hover, mouseenter
submit, change
on() ile esnek bağlama
Event delegation

9. Klavye ve Form Olayları

keydown, keyup
focus, blur
preventDefault
Form doğrulama

10. Efekt ve Animasyon

show, hide, toggle
fadeIn, fadeOut, fadeToggle
slideDown, slideUp
animate() özelleştirme

11. AJAX İstekleri

$.ajax temel kullanım
$.get ve $.post
JSON veri işleme
load() ile parça yükleme

12. Plugin Sistemi

Hazır plugin kurma
Slick slider, Datatables örnekleri
Custom plugin yazma
Plugin uyumluluğu

13. jQuery UI

Drag and drop
Tabs, accordion, dialog
Datepicker
Sortable list

14. Performans ve Best Practice

Selector verimliliği
Chaining ile sade kod
DOM erişimi en aza indirme
Bellek sızıntısı önleme

15. Modern Alternatiflere Geçiş

Vanilla JS karşılıkları
fetch API ve querySelector
React, Vue'ya geçiş
Eski projeleri taşıma
Karar verme rehberi