jQuery Öğren - Kodlama Kursu
jQuery Öğren - Kodlama Kursu — Telefonunda jQuery öğren: bir zincir yaz, gerçek bir sayfanın tepki verişini izle
jQuery Öğren - Kodlama Kursu, yeni başlayanlara, öğrencilere ve jQuery sitelerini yöneten geliştiricilere jQuery JavaScript library öğreten, başlangıçta ücretsiz bir iOS ve Android uygulamasıdır. DOM manipulation, events, effects ve AJAX konularını kapsar. Her ders, canlı bir editör ve sayfa önizlemesiyle birlikte gelir. jQuery 3.7.1 yerleşik olduğundan yazdığın kod telefonda, hatta çevrimdışıyken bile çalışır. AI Mentor, bir selector, hata veya AJAX çağrısı hakkında sorularını yanıtlar.
- Fiyat
- Ücretsiz, Pro yükseltmesi
- Platformlar
- iOS ve Android
- Diller
- 22
- Yaş sınırı
- 4+
- Gereksinimler
- iOS 15.1 veya üzeri
Bir CSS selector biliyorsan jQuery’nin büyük bölümünü zaten biliyorsun.
jQuery, selector’larını CSS’ten alır ve sonuca art arda actions uygulamana olanak tanır. Bu da DOM, events ve asynchronous code ile tanışmak için yumuşak bir başlangıç ve hâlâ jQuery’ye dayanan çok sayıdaki mevcut web sitesi için pratik bir beceri sunar.
Nedir
jQuery Öğren - Kodlama Kursu, jQuery JavaScript library için hazırlanmış bir iOS ve Android course app’tir. A1’den C1’e kadar 22 course ve 48 lesson, jQuery 3.7.1 yerleşik olarak cihazda çalışan page preview’lu bir canlı JavaScript editor, 20 debugging mission, 20 yönlendirmeli HTML ve CSS project, 50 interview question, 50 quiz question ve 91 maddelik bir cheat sheet içerir. AI Mentor, selector’ları, hataları ve AJAX çağrılarını sade bir dille açıklar.
Uygulamanın içinde
Nasıl görünüyor
Kurs
jQuery kursunda neler öğretiliyor?
CoddyKit jQuery kurs listesinden alınan içerik, ilk $ çağrısından plugin'lere, testing'e ve modern JavaScript ile birlikte çalışmaya kadar uzanır.
jQuery'ye hoş geldin ve ilk adımlar
jQuery'nin ne olduğu, çözdüğü gerçek sorun ve neden hâlâ bu kadar çok sitenin jQuery kullandığı anlatılır; ardından ilk chain ve yeni başlayanlar için temel bilgiler gelir.
Elementleri seçme ve DOM traversal
Elementleri seçmenin yanı sıra gelişmiş attribute ve pseudo-class selector'ları kullanmayı ve DOM içinde bir elementten diğerine ilerlemeyi öğrenirsin.
DOM manipulation ve styling
İki kurs boyunca elementler oluşturmayı, eklemeyi, taşımayı ve kaldırmayı; ayrıca CSS ve class'ları kodla değiştirmeyi öğrenirsin.
Event'ler ve delegation
Event yönetimi; ardından sonradan eklenen elementler için event delegation ve custom event yönetimi ele alınır.
Animation'lar ve effect'ler
Temel animation'lar; ardından zincirlenmiş sequence'ler ve custom easing gibi karmaşık animation'lar ve custom effect'ler.
Form'lar, data ve templating
Data attribute'ları ve templating ile dinamik içerik; ayrıca gelişmiş form yönetimi ve validation.
AJAX, Deferred object'ler ve promise'ler
AJAX işlemleri ve uzak data yönetimi; ardından asynchronous code'u yönetmek için Deferred object'ler ve promise'ler.
Plugin'ler, performance ve testing
Custom selector'lar ve filtering, sağlam plugin'ler geliştirme, performance ve best practice'ler, jQuery'yi modern JavaScript ile entegre etme ve jQuery uygulamalarını test etme.
Nasıl çalışır
Bir lesson nasıl işlenir?
Her lesson, kendi çalıştırdığın code’un yanında kısa bir açıklama sunar. Böylece ilerlemeden önce fikri deneyerek test edersin.
Kısa bir lesson oku
Bir konu aç ve selector, event veya effect hakkında kısa bir açıklama oku. Lesson’lar otobüs yolculuğunda tamamlanabilecek kadar kısadır; course, ilk chain’den plugin’lere ve testing’e kadar ilerler.
Chain’i yaz ve sayfanın tepki verişini izle
Canlı editor’de HTML, CSS ve jQuery yazarak bunları aynı anda çalıştırırsın. Editor, yazmayı bıraktığında code’unu server veya build step olmadan yeniden çalıştırır; page preview da sonucu gösterir.
Bir bug’ı düzelt, sonra mentor’a sor
Mission’lar sana bozuk code verir ve hatayı bulmanı ister: this’in window olduğu bir click handler, sürekli kayan bir menu veya iki kez çalışan bir save işlemi. Bir concept ya da hata anlamlı gelmediğinde AI Mentor bunu daha basit kelimelerle yeniden açıklar.
İçinde neler var
Uygulamayla gelenler
22
A1’den C1’e course’lar
$ function ve ilk chain ile başlayan, selector’lar, DOM manipulation, events, animations, forms, AJAX, plugin’ler ve performance konularına kadar devam eden 48 lesson içeren 22 course.
3.7.1
Yerleşik jQuery
Page preview, jQuery 3.7.1 dahil olarak cihazda çalışır; bu nedenle editor çevrimdışı da çalışır.
20
Debugging mission’ları
Bir string ile sona eren chain veya yalnızca ilk satırlarda çalışan bir delete button gibi, gerçek hayattakilere benzeyen bug’ları düzelt.
20
Yönlendirmeli page project’leri
Selector’larının daha sonra üzerinde çalışacağı markup’ı oluşturan yirmi HTML ve CSS project’i.
91
Cheat sheet ve quiz’ler
Selector’lar, events, effects ve AJAX method’ları için 91 maddelik bir cheat sheet’in yanı sıra 50 quiz question ve 50 interview question.
AI
AI Mentor
Bir selector, hata veya AJAX çağrısı hakkında soru sor ve sade bir dille yanıt al. Ücretsiz plan günde 3 soru içerir.
Arka plan
jQuery öğrenmeye hâlâ değer mi ve ne için kullanılır?
jQuery, bir web sayfasındaki element’leri seçmeyi, değiştirmeyi, tıklamalara tepki vermeyi ve sayfayı yeniden yüklemeden data yüklemeyi kısaltan bir JavaScript library’dir. Daha yeni framework’ler birçok yeni project’te yerini almış olsa da mevcut web sitelerinin önemli bir bölümü hâlâ jQuery ile çalışır. Bu nedenle bu kodu okumak, düzeltmek ve genişletmek pratik bir web development becerisi olmaya devam eder. Ayrıca daha büyük araçlara geçmeden önce DOM, events ve asynchronous JavaScript ile tanışmanın kolay bir yoludur.
$ function ve chainingtek satırda birden çok işlem
Bir selector ile $ çağırdığında bir jQuery object döner ve neredeyse her method yine aynı object’i döndürür. Bir listeyi seçip class eklemeyi ve listeyi fade in efektiyle göstermeyi dört ayrı statement yerine okunabilir tek bir satırda yapabilmeni sağlayan şey budur.
Selector’larCSS bilgisi doğrudan işe yarar
Class, id, attribute ve pseudo-class selector’ları bir stylesheet’teki gibi çalışır. Ardından traversal method’ları bir element’ten parent’larına, child’larına veya sibling’lerine ilerlemeni sağlar. Bir sayfada birbirine benzeyen yüzlerce satır olduğunda doğru satıra ulaşmanın yolu budur.
Event delegationsonradan eklenen element’ler için çözüm
Bir button’a eklenen handler yalnızca kod çalıştığında mevcut olan button’lar için vardır. Handler’ı bir parent’a ekleyip selector’a göre filtrelemek, sonradan eklenen satırlarda da çalışmasını sağlar. Yalnızca eski satırlarda çalışan bir delete button’ın klasik nedeni budur.
this neyi ifade eder?yaygın bir hata
Bir jQuery handler’ının içinde this, event’i alan element’tir; ancak bir arrow function veya yanlış yerleştirilmiş bir callback bunu değiştirebilir. this’in window’a dönüştüğü bir handler’ı debug etmek, karşılaşılan ilk gerçek hatalardan biridir.
AJAX ve promisesyeniden yükleme olmadan data
$.ajax() bir request gönderir ve yanıt geldiğinde sayfanın güncellenmesini sağlar. Deferred object’ler ve promises, bu request’lerin birkaçını düzenler; böylece callback’leri iç içe geçirmek yerine bir adım diğerini bekler.
Uygunluk
Kimler için uygun — kimler için değil
Şu durumlarda senin için uygun
- Biraz HTML ve CSS biliyor ve sayfaların tıklamalara ve form'lara tepki vermesini istiyorsan
- jQuery ile oluşturulmuş bir siteyi sürdürüyor ve kodunu okuyup düzeltmen gerekiyorsa
- Legacy jQuery'nin hâlâ karşına çıktığı bir front end mülakatına hazırlanıyorsan
- Telefonda kod yazmak ve sayfa önizlemesini hemen görmek istiyorsan
- Kısa oturumlarla daha iyi öğreniyor ve soru sorabileceğin bir mentor istiyorsan
Şu durumlarda doğru araç değil
- React gibi modern bir framework öğrenmek istiyorsan; bu uygulama jQuery ve DOM'u öğretir
- Tüm kursların ücretsiz olmasını bekliyorsan: ilk kurs, ilk proje ve iki mission ücretsizdir; geri kalanların kilidini Pro açar
- Pro reklamları kaldırdığı için ücretsiz sürümün reklamsız olmasını bekliyorsan
Sorular
Sık sorulan sorular
Telefonda jQuery öğrenmenin en iyi yolu nedir?
En etkili yol, selector'lar hakkında yalnızca okumak değil, kod yazıp sayfanın değiştiğini görmektir. jQuery Öğren - Kodlama Kursu, her kısa derste sayfa önizlemesi bulunan canlı bir editör sunar; jQuery 3.7.1 yerleşik olduğundan kod cihazda çalışır ve AI Mentor anlaşılmayan her şeyi açıklar. iOS ve Android'de ücretsiz olarak başlayabilirsin.
jQuery, JavaScript ile aynı şey mi?
Hayır. JavaScript programlama dilidir; jQuery ise JavaScript ile yazılmış ve element seçme, tıklamalara tepki verme ve AJAX istekleri gönderme gibi yaygın işlemleri kısaltan bir library'dir. jQuery Öğren - Kodlama Kursu, jQuery'yi bir JavaScript editörünün içinde öğretir; böylece ikisini birlikte uygular ve bir chain'in düz DOM koduna nasıl dönüştüğünü görürsün.
jQuery öğrenmeye hâlâ değer mi?
Yeni projelerde birçok ekip başka araçları tercih ediyor; ancak mevcut web sitelerinin büyük bir bölümü hâlâ jQuery ile çalışıyor. Bu nedenle o kodu okuyup düzeltmek pratik bir beceridir. jQuery ayrıca DOM, event'ler ve asynchronous JavaScript'e giriş için kolay bir yoldur. jQuery Öğren - Kodlama Kursu, legacy jQuery'nin hâlâ karşılaşıldığı front end işleri için interview question'ları içerir.
jQuery Öğren - Kodlama Kursu iPhone ve Android'de kullanılabilir mi?
Evet. jQuery Öğren - Kodlama Kursu, iPhone için App Store'da (iOS 15.1 veya sonraki sürümler) ve Android için Google Play'de kullanılabilir. Arayüz; English, Spanish, German, French, Portuguese, Japanese, Korean, Arabic, Hindi ve Turkish'in de aralarında bulunduğu 22 dili destekler; yazdığın kod ise her dilde jQuery ve JavaScript olarak kalır.
Uygulamada jQuery kodunu offline çalıştırabilir miyim?
Editör için evet. jQuery 3.7.1, jQuery Öğren - Kodlama Kursu içine yerleşik olarak gelir; bu nedenle sayfa önizlemesi offline durumunda bile cihazda çalışır. AI Mentor'a bağlı özellikler için internet bağlantısı gerekir.
jQuery kursunda hangi konular ele alınıyor?
22 kurs; $ function'ından ve selector'lardan başlayarak DOM manipulation, styling, event'ler ve delegation, animation'lar, form'lar, AJAX, Deferred object'ler ve promise'lere kadar uzanır. Ardından custom selector'lar, plugin yazma, performance, jQuery'yi modern JavaScript ile entegre etme ve testing konuları gelir.
Debugging mission'ları nedir?
Bunlar, iş hayatında karşılaşabileceğin şekilde, sana bozuk jQuery kodu verip hatayı bulmanı isteyen 20 egzersizdir. Örnekler arasında this'in window olduğu bir click handler, string ile biten bir chain, yalnızca eski row'larda çalışan bir delete button, sen ayrıldıktan sonra kaymaya devam eden bir menu ve iki kez çalışan bir save bulunur.
Önceden JavaScript veya HTML bilmem gerekiyor mu?
Biraz HTML ve CSS bilmek yardımcı olur; çünkü jQuery selector'ları markup üzerinde çalışır ve CSS'ten yararlanır. jQuery Öğren - Kodlama Kursu'te ayrıca, selector'larının kullanacağı markup'ı oluşturabilmen için yönlendirmeli 20 HTML ve CSS sayfa projesi bulunur. Kurs ilk chain'den başlar.
jQuery Öğren - Kodlama Kursu ücretsiz mi?
Ücretsiz başlayabilirsin: ilk kurs, ilk yönlendirmeli proje, iki mission, editör, quiz'ler, interview question'ları, cheat sheet ve günde 3 AI Mentor sorusu ücretsizdir. Ücretsiz sürüm reklam gösterir. Pro; tüm kursların, projelerin ve mission'ların, sertifika sınavının ve sınırsız AI Mentor kullanımının kilidini açar ve reklamları kaldırır. Haftalık, aylık veya yıllık abonelik ya da tek seferlik ömür boyu satın alma seçenekleri sunulur. Kursun sonundaki sertifika sınavı Pro'ya dahildir.
Uygulamanın jQuery ile herhangi bir bağlantısı var mı?
Hayır. jQuery, OpenJS Foundation’ın ticari markasıdır ve jQuery Öğren - Kodlama Kursu, OpenJS Foundation ile bağlantısı olmayan ve onun tarafından desteklenmeyen bağımsız bir öğrenme uygulamasıdır.
Başla
Bugün ilk jQuery zincirini yaz
iOS ve Android’de 22 dilde kullanmaya ücretsiz başla.
CoddyKit'ten daha fazlası
iOS ve Android üzerinde kullanılabilir.