Tarayıcıda çalışan dinamik uygulamalar
JavaScript ile İstemci Taraflı Programlama Eğitimi, tarayıcıda çalışan dinamik ve etkileşimli web uygulamaları geliştirmeyi öğretir. Program DOM manipülasyonu ve olay yönetimiyle başlar; form işleme ile istemci tarafı doğrulamayı kapsar.
DOM ve olaylardan form doğrulamaya, fetch ile API'den istemci depolamaya kapsamlı program
JavaScript ile İstemci Taraflı Programlama Eğitimi, tarayıcıda çalışan dinamik ve etkileşimli web uygulamaları geliştirmeyi öğretir. Katılımcılar DOM manipülasyonunu ve olay yönetimini kavrar; form girdilerini doğrular ve işler. fetch ile API'den veri çeker, Promise ve async/await ile asenkron akışı yönetir. localStorage ve sessionStorage ile istemci tarafında veri saklar ve öğrendiklerini küçük bir uygulama ile birleştirir.
4 Gün. Her gün dört modül; her konu kısa anlatımın ardından tarayıcıda gerçek DOM ve API örnekleriyle uygulamalı işlenir.
Orta Seviye — tarayıcıda DOM, olaylar, formlar, fetch ve istemci depolamaya odaklanan program
Her konu canlı kodlama ve tarayıcı denemeleriyle gösterilir; katılımcılar örnekleri yazarak istemci programlama kalıplarını pekiştirir.
DOM ve olaylarla statik sayfaları kullanıcıya anında yanıt veren dinamik ve etkileşimli uygulamalara dönüştürürsünüz.
fetch ve async/await ile sunucudan veri çeker, uygulamanızı canlı ve gerçek verilerle besleyerek işlevsel hale getirirsiniz.
localStorage ve sessionStorage ile tarayıcıda veri saklayarak kullanıcı tercihlerini ve durumu kalıcı biçimde yönetirsiniz.
Eğitimden verim almak için faydalı olacak ön bilgi ve ortam gereksinimleri
Değişken, fonksiyon, dizi ve koşul gibi temel JavaScript kavramlarına aşinalık beklenir; konular buna dayanır.
HTML yapısı ve CSS ile stil verme bilgisi, DOM ve arayüz örneklerini bağlamında anlamayı kolaylaştırır.
Geliştirici konsolu ile ağ (network) sekmesini kullanabilmek, API ve hata ayıklama denemeleri için faydalıdır.
VS Code gibi bir editör ve basit bir HTML sayfası hazırlayabilme, uygulamalı örnekler için önerilir.
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.
Program sonunda katılımcılar:
Eleman seçer, oluşturur, değiştirir ve siler; DOM ağacını kontrollü biçimde güncelleyerek dinamik arayüzler kurarsınız.
Olayları dinler, olay nesnesini kullanır ve delegasyonla dinamik arayüzlerde etkileşimi verimli biçimde yönetirsiniz.
Form girdilerini okur, submit olayını yönetir ve FormData ile kullanıcı verisini güvenle toplayıp işlersiniz.
İstemci tarafında zorunlu alan, biçim ve aralık doğrulaması yapar, kullanıcıya anlaşılır hata geri bildirimi verirsiniz.
Promise ve async/await ile asenkron kodu okunur biçimde yazar, paralel istekleri ve hataları doğru yönetirsiniz.
fetch ile GET ve POST istekleri gönderir, JSON verisini işler ve yükleme ile hata durumlarını kullanıcıya yansıtırsınız.
localStorage ve sessionStorage ile tarayıcıda veri saklar, kullanıcı tercihlerini ve durumu kalıcı biçimde tutarsınız.
DOM, form, API ve depolamayı birleştirerek modüler, düzenli ve çalışan bir istemci tarafı uygulama geliştirirsiniz.
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.
Web geliştirme için JavaScript temelleri: değişkenler, fonksiyonlar, DOM, olaylar, form işleme, fetch ve JSON üzerine sıfırdan uygulamalı eğitim.
Detayları Gör →
JavaScript temelleri ve jQuery: seçiciler, DOM işleme, olay yönetimi, efektler, AJAX ve eklenti kullanımı üzerine sıfırdan uygulamalı eğitim.
Detayları Gör →
JavaScript veri tipleri, tip dönüşümü, if/switch karar yapıları, döngüler ve map/filter/reduce ile dizi işleme eğitimi. Uygulamalı ön yüz programı.
Detayları Gör →
JavaScript try/catch hata yönetimi, DOM olayları, olay delegasyonu, nesneler, prototip ve modern ES6+ özellikler eğitimi. Uygulamalı ön yüz programı.
Detayları Gör →
React, Vue ve Angular'ı karşılaştırmalı anlatan ön yüz çatıları eğitimi: bileşen mimarisi, props, durum yönetimi, yönlendirme ve veri çekme uygulamalı işlenir.
Detayları Gör →
JavaScript fonksiyon türleri, kapanışlar, yüksek düzey fonksiyonlar, nesneler, this, prototip zinciri ve sınıfları işleyen uygulamalı ön yüz eğitimi.
Detayları Gör →