Temeller gerçekten oturdu
Daha önce iki kez JavaScript'e başlayıp bırakmıştım, bu sefer kapsam ve fonksiyon bölümlerinde takıldığım her yer açıldı. Örneklerin önce bozuk hâlini görüp sonra düzeltmek çok işime yaradı.
Dilin taşıyıcı kavramlarını sırayla öğrenip tarayıcıda çalışan bir uygulama yazmayı bitirin.
Eğitmen
Deniz Arkın
6 bölüm · 36 ders · toplam 6 sa 33 dk
Dilin tarayıcıda nasıl çalıştığını, çalışma ortamının nasıl kurulduğunu ve ilk değişkenlerin nasıl tanımlandığını görüyoruz.
JavaScript tarayıcıda nasıl çalışır? Önizle 10 dk Geliştirme ortamı: editör, Node.js ve tarayıcı konsolu Önizle 12 dkKarşılaştırma, koşul ve döngülerle akışı yönetiyor; fonksiyon tanımlama biçimlerini ve kapsam kurallarını işliyoruz.
Veriyi dizilerde ve nesnelerde tutmayı, dönüştürmeyi ve JSON ile taşımayı öğreniyoruz.
Kapanış, bağlam ve modüller gibi dili gerçekten anlamak için gereken konuları günlük örneklerle açıyoruz.
Sayfayı JavaScript ile okuyup değiştiriyor, kullanıcı etkileşimlerini dinliyor ve form verisini doğruluyoruz.
Olay döngüsü, Promise ve async/await konularını işleyip öğrendiklerimizi tek bir uygulamada birleştiriyoruz.
Çoğu kişi JavaScript'i parça parça öğrenir: bir yerden kopyalanan kod çalışır, ama neden çalıştığı belirsiz kalır. Bir sonraki projede aynı yerde yeniden takılırsınız. Bu kurs dili baştan ve sırayla ele alıyor. Değişkenlerden, veri türlerinden ve akış denetiminden başlıyor; ardından fonksiyonlar, diziler, nesneler ve kapsam gibi dilin taşıyıcı kavramlarına geçiyor. Her konu kısa bir anlatımın ardından kendi kodunuzu yazacağınız bir alıştırmaya bağlanıyor, böylece kavram havada kalmıyor. Anlatım sırasında sık yapılan hataları ve konsoldaki hata mesajlarının ne anlama geldiğini de tek tek gösteriyoruz; böylece takıldığınız yerde neye bakacağınızı bilirsiniz.
İkinci yarıda dil bilgisini tarayıcıda çalışan bir arayüze dönüştürüyoruz. DOM üzerinden eleman seçmeyi, içerik üretmeyi, olay dinlemeyi ve form verisini doğrulamayı adım adım işliyoruz. Kapanış (closure), this bağlamı ve ES modülleri gibi ilk bakışta karışık görünen konuları, günlük kodda karşınıza çıktığı hâliyle açıklıyoruz. Asenkron bölümünde olay döngüsünü, Promise yapısını ve async/await kullanımını fetch ile yapılan gerçek bir istek üzerinden görüyorsunuz; yükleniyor ve hata durumlarını da atlamıyoruz.
Kurs, öğrendiklerinizi birleştiren bir bitirme projesiyle sona eriyor: arama kutusu olan, veriyi uzaktan çeken ve sonuçları listeleyen küçük bir uygulama. Sonunda bir JavaScript dosyasını okuyup ne yaptığını anlatabilir, konsoldaki hata mesajını yorumlayabilir, sıfırdan bir sayfa etkileşimi yazabilir ve React gibi bir kütüphaneye geçmek için gereken dil zeminine sahip olursunuz. Video derslerin yanında konuyu tek başına toparlayan metin dersleri, indirilebilir çalışma dosyaları ve bölüm sonu değerlendirmeleri bulunur. Dersleri kendi hızınızda izleyebilir, alıştırmaları tekrarlayarak ilerleyebilirsiniz.
Web Geliştirme Eğitmeni
Deniz Arkın on bir yıldır web uygulamaları geliştiriyor ve son beş yılını arayüz mimarisi üzerine yoğunlaştırdı. Küçük ekiplerde hem arayüz hem sunucu tarafında çalıştığı için bir özelliğin baştan sona nasıl aktığını anlatmayı seviyor. Derslerinde önce çalışan en küçük örneği yazar, sonra onu adım adım büyütür.
Eğitmen sayfasıDaha önce iki kez JavaScript'e başlayıp bırakmıştım, bu sefer kapsam ve fonksiyon bölümlerinde takıldığım her yer açıldı. Örneklerin önce bozuk hâlini görüp sonra düzeltmek çok işime yaradı.
Fonksiyon içinde var ile tanımladığım değişkene, tanımlamadan önceki satırda eriştiğimde hata almadım ama değeri undefined geldi. let ile aynı şeyi yapınca hata aldım. Bu farkın sebebi tam olarak nedir?
Soruların tamamını ve eğitmen yanıtlarını ders sayfalarında görebilirsiniz.