JavaScript Öğren: Kodlama
JavaScript Öğren: Kodlama — Cebinde gerçek bir konsol bulunan JavaScript kursu
JavaScript Öğren: Kodlama, ilk değişkeninden event loop'a kadar uzanan 59 kısa kurs ve 200 dersten oluşan ücretsiz bir iOS ve Android JavaScript kursudur. JavaScript doğrudan telefonda çalışır; bu sayede yerleşik JS editörü ve konsol anında yanıt verir. Günlük pratikler — çıktıyı tahmin etme, hata avları ve haftanın kata'sı — kod yazma becerini canlı tutar.
- Fiyat
- Ücretsiz, Pro yükseltmesi
- Platformlar
- iOS ve Android
- Diller
- 22
- Yaş derecelendirmesi
- 4+
- Sürüm
- 82.6.1
- Gereksinimler
- iOS 15.1 veya sonrası
- App Store
- 5.0 ★ (1)
Motor telefonda çalışır; bu yüzden yanıt anında gelir.
JS Lab, JavaScript'i cihazda çalıştırır. Konsola bir satır yazıp sonucu hemen gör veya uygulamanın, çıktıyı tahmin et kartındaki bir snippet'i çalıştırarak muhtemel açıklama yerine gerçek çıktıyı göstermesini sağla.
Nedir
JavaScript Öğren: Kodlama, JavaScript'i adım adım öğreten ücretsiz bir iOS ve Android uygulamasıdır: değerler ve scope, functions ve this, DOM, Fetch API, promises ve async/await, closures, classes, generators ve event loop konularını kapsayan, A1'den C1'e seviyelendirilmiş 59 kurs ve 200 ders. Dersleri telefonda çalışan bir JS editörü, JavaScript konsolu ve günlük pratiklerle birleştirir; ayrıca bir kavram veya hata mesajı anlam ifade etmediğinde yardım edecek bir AI Mentor sunar.
Uygulamanın içinde
Nasıl görünüyor
Kurs
JavaScript kursunda neler var?
Uygulamanın kendi kurs listesindeki 59 kurs ve 200 ders; ilk değişkenden başlayıp tarayıcı ve async kod üzerinden gelişmiş dil özelliklerine kadar ilerler.
JavaScript'e hoş geldin
Kavramlar ve kurulumla başlayan JS temelleri; ardından değerler ve türler, değişkenler ve kapsam, kontrol akışı ile dizilere ve nesnelere ilk bakış.
Günlük JavaScript
Template literals, optional chaining ve nullish coalescing, destructuring, rest ve spread, higher-order array methods, JSON ve hata yönetimi.
DOM ve Events
DOM seçimi ve gezinme, öğeleri değiştirme, olayları yönetme, event delegation ve propagation ile formlar ve input.
Ağ ve Depolamayla İletişim
Fetch API, localStorage ve sessionStorage ile web depolama, FormData ve dosya yönetimi ile IndexedDB istemci depolaması.
Asynchronous JavaScript
Callback'ler, promise'ler ve microtask'ler, pratikte async/await, zamanlayıcılar ve zamanlama ile event loop'a derinlemesine bakış.
Fonksiyonlar, Closure’lar ve Sınıflar
Fonksiyonlar ve this, closure'lar ve module pattern, currying ve composition, class'lar ve inheritance ile gelişmiş this binding.
Advanced Language Features
Iterator'lar ve generator'lar, Map'ler ve Set'ler, Proxy ve Reflect, symbol'lar, regular expression'lar ve immutability.
Modüller, Worker’lar ve Performans
ES modules ve CommonJS karşılaştırması, Node ve tarayıcı arasındaki farklar, Web Workers, service workers, performans ve bellek ile testing.
Nasıl çalışır
Bir JavaScript oturumu nasıl ilerler?
Bir oturum, kısa bir dersi çalıştırabileceğin bir şeyle birleştirir ve ardından hızlı bir kontrolle sona erer; böylece açıklama ile pratik aynı oturumda gerçekleşir.
Kısa bir ders oku
Birkaç dakikalık bir dersi tamamla: sorular ve küçük bir kod görevi içeren, sade bir açıklama. İlk kurs ücretsizdir ve dersler zayıf bir bağlantıda bile çalışmaya devam eder.
Kodu JS Lab'de çalıştır
Konsola yaz, günlük kartın çıktısını tahmin et ve motorun gerçek yanıtı göstermesini izle veya bir test cases tablosuna göre bozuk bir programı düzelt.
Kontrol et ve derinleş
Bir quiz veya coding mission ile tamamla, async kod kafanı karıştırdığında event loop'ta adım adım ilerle ve bir şey anlam ifade etmediğinde AI Mentor'a sor.
İçinde neler var
Uygulamada bulunanlar
59
A1'den C1'e kurslar
Değerler ve types'tan DOM events, fetch, promises ve async/await üzerinden closures, Proxy ve Reflect, regex ve performance'a kadar uzanan 200 ders.
Cihaz üzerinde
JS editörü ve konsol
Yerleşik editörde JavaScript yazıp çalıştır, konsolda tek satırlık kodları dene ve programlarını daha sonra açmak üzere kaydet. Editördeki AI Tools bir programı inceler ve uygulayabileceğin bir düzeltme önerir.
Günlük
JS Lab pratiği
Çıktıyı tahmin et, test cases'e göre bug avlarına çık, haftanın ücretsiz kata'sını çöz, event loop stepper'ı ve DOM arena'yı kullan, süreli beş mülakat sorusunu yanıtla ve kendi hatalarından oluşturulan recall deck'i gözden geçir.
60
Coding missions
Hello World ve template literals'tan FizzBuzz, closures, Merge Sort, Quicksort ve bir graph üzerinde BFS veya DFS'ye kadar uzanan, üç seviyedeki kısa egzersizler.
20
Yönlendirmeli projeler
Order Totals, Word Frequency Counter, Async Data Pipeline ve Mini Event Bus gibi programları, her adımı çalıştırdığında kontrol edilecek şekilde, adım adım oluştur.
AI
AI Mentor
Bir kavram veya hata seni durdurduğunda doğal dille sor. Ücretsiz kullanıcılar her gün birkaç soru sorabilir; Pro günlük sınırı kaldırır.
Arka plan
JavaScript'i yalnızca okuyarak öğrenmek neden zor ve neyi pratik yapman gerekir?
JavaScript, okuması kolay ama tahmin etmesi zor şekillerde davranır: Bir değişken bir function tutabilir, this'in neyi ifade ettiği bir function'ın nasıl çağrıldığına göre değişir ve kod her zaman yazıldığı sırayla çalışmaz. Açıklamaları okumak yardımcı olur; ancak şaşırtıcı noktalar, kodu çalıştırıp çıktının tahmininle uyuşmadığını gördüğünde gerçekten akılda kalır. Bu yüzden JavaScript öğrenmenin en iyi yolu, elinin altında bir konsol bulundurmak ve bir snippet'i çalıştırmadan önce ne yazdıracağını düzenli olarak tahmin etmektir.
Scope ve closuresdeğişkenlerin yaşadığı yer
Bir function, yazıldığı yerdeki çevresindeki değişkenleri, o yerin çalışması sona erdikten sonra bile hatırlar. Bu tek fikir; private state'i, module pattern'i ve klasik mülakat sorularının birçoğunu açıklar.
this'in değerien sık takılınan nokta
Çoğu dilin aksine, this'in neyi ifade ettiği nerede tanımlandığına değil, bir function'ın nasıl çağrıldığına bağlıdır. Arrow functions, call, apply ve bind yanıtı değiştirir; bunları birbirine karıştırmak da sık karşılaşılan bir bug kaynağıdır.
event loopasync kodun insanları şaşırtmasının nedeni
JavaScript aynı anda tek bir iş çalıştırır, ardından bekleyen işlerden oluşan bir kuyruğa döner. Bir promise callback'i, sıfır milisaniyeye ayarlanmış bir timer'dan önce çalışır; bu yüzden call stack, microtasks ve tasks'i gözünde canlandırana kadar çıktı sırası bazen yanlış görünebilir.
Browser ve Nodetek dil, iki ortam
Temel dil her ikisinde de aynıdır; ancak Browser DOM, events ve fetch'i, Node ise files ve processes'i ekler. Hangi özelliklerin hangisine ait olduğunu bilmek, kafa karıştıran hata mesajlarını büyük ölçüde azaltır.
Uygunluk
Kimler için uygun — kimler için değil
Şu durumlarda senin için uygun
- Daha önce hiç programlama yapmadın ve JavaScript'in ilk değişkenden başlayarak açıklanmasını istiyorsun
- Bir kod satırını çalıştırıp ne yazdırdığını gördüğünde daha iyi öğreniyorsun
- Uzun bir çalışma oturumu yerine birkaç dakikada tamamlayabileceğin günlük pratik yapmak istiyorsun
- Bir JavaScript mülakatına hazırlanıyorsun ve cevaplarıyla birlikte soruların yanı sıra süreli pratik yapmak istiyorsun
- Async kodu ve event loop'u yalnızca kalıpları kopyalamadan anlamak istiyorsun
Şu durumlarda doğru araç değil
- Birden fazla dosyadan oluşan eksiksiz bir web projesi geliştirmen gerekiyor — bunun için hâlâ en uygun yer bir dizüstü bilgisayar ve gerçek bir editör
- Her şeyin ücretsiz olmasını bekliyorsun: ilk kurs, bir proje ve iki görev ücretsiz; geri kalanların kilidini Pro açıyor
- Ücretsiz bir uygulamada reklamlardan hoşlanmıyorsun — ücretsiz sürüm reklam gösteriyor, Pro ise bunları kaldırıyor
- Zaten her gün JavaScript yazıyorsun ve kurs yerine bir başvuru kaynağı istiyorsun
Sorular
Sık sorulan sorular
Telefonumda takip edebileceğim iyi bir JavaScript kursu var mı?
JavaScript Öğren: Kodlama, telefon için geliştirilmiş bir JavaScript kursudur: 59 kısa kurs ve 200 ders, cihazda çalışan yerleşik bir JS editörü ve konsolu ve günlük pratik kartları sunar. Dersler kısa bir açıklamayı sorular ve küçük kod görevleriyle birleştirir; böylece her oturumda gerçekten çalıştırdığın bir şey ortaya çıkar.
Bu uygulamayla telefonumda JavaScript kodu çalıştırabilir miyim?
Evet. JS Lab, JavaScript'i doğrudan telefonda çalıştırır; böylece konsol sonuçları hemen gösterir ve editör eksiksiz programları çalıştırır. Programlarını kaydedip daha sonra yeniden açabilir, editörün AI Tools özelliğiyle bir programı inceleyip uygulanabilecek bir düzeltme önermesini sağlayabilirsin.
Tamamen yeni başlayan biri olarak JavaScript kodlamayı öğrenmenin en hızlı yolu nedir?
Kendi çalıştırdığın kodlarla kısa ve düzenli pratik yapmak. JavaScript Öğren: Kodlama, değerler ve değişkenlerle başlar; oturumlarını düzenli tutman için günlük hedef ve seriler sunar, ayrıca denemeler yapabileceğin bir konsol sağlar. Her gün sunulan çıktıyı tahmin et kartları, kodu çalıştırmadan önce onun hakkında akıl yürütme alışkanlığı kazandırır.
JS Lab nedir?
JS Lab, JavaScript Öğren: Kodlama içindeki günlük pratik alanıdır. Burada bir konsol, çıktıyı tahmin et kartları, test case'lere göre kontrol edilen hata avları, haftalık bir kata, event loop adım aracı, bir DOM arena, süreli beş mülakat sorusu ve kendi hatalarından oluşturulan bir tekrar destesi bulunur.
Uygulama async/await'i ve event loop'u açıklıyor mu?
Evet. Callback'ler, promise'ler ve microtask'ler, pratikte async/await ve event loop'a derinlemesine bakış üzerine kurslar var. Bunların yanında bir event loop aracı, çıktının neden o sırayla göründüğünü anlayabilmen için call stack, microtask'ler ve task'ler arasında tek tek ilerlemene olanak tanır.
JavaScript Öğren: Kodlama, JavaScript mülakatlarına hazırlanmana yardımcı oluyor mu?
Cevaplarıyla birlikte 50 JavaScript mülakat sorusu ve JS Lab'de beş süreli sorudan oluşan bir Interview modu bulunur. Mülakatlarda sıkça başvurulan closure'lar, this, promise'ler ve event loop konularının her biri için özel bir kurs vardır.
JavaScript Öğren: Kodlama ücretsiz mi?
İndirmesi ücretsizdir. İlk kurs, ilk rehberli proje, iki kodlama görevi, JS Lab günlük pratiği ve günlük AI Mentor hakkı ücretsizdir; ücretsiz sürüm reklam gösterir. Pro, tüm kursların, projelerin ve görevlerin, sınırsız AI Mentor'un ve sertifika sınavının kilidini açar; ayrıca reklamları kaldırır.
Sertifika var mı?
Evet. JavaScript Öğren: Kodlama içindeki final sınavını geçerek tamamlama sertifikası kazanırsın. Bu sertifika yaptığın çalışmaları kaydeder; akredite bir yeterlilik değildir, bu nedenle en iyi şekilde, hakkında konuşabileceğin projelerin yanında gösterilir.
Dil kadar tarayıcıyı da öğretiyor mu?
Evet. Kurslar, dilin kendisinin yanı sıra DOM seçimi ve değiştirme, events ve event delegation, forms, Fetch API, localStorage, IndexedDB, Canvas, WebSockets ve Web Workers konularını kapsar. Ayrı bir kurs, hangi özelliklerin nerede kullanıldığını anlayabilmen için Node ile tarayıcıyı karşılaştırır.
Hangi platformları ve dilleri destekliyor?
JavaScript Öğren: Kodlama, App Store üzerinden iPhone ve iPad’de, Google Play üzerinden Android’de 22 dilde kullanılabilir. App Store’da 4+ olarak derecelendirilmiştir.
Başla
Bugün ilk JavaScript satırını yaz
iOS ve Android’de 22 dilde, başlamak ücretsiz.
CoddyKit'ten daha fazlası
iOS ve Android üzerinde kullanılabilir.