JavaScript'te geliştirme - kurs 39.500 ruble. IBS Eğitim Merkezi'nden, 40 saatlik eğitim, Tarih 26 Kasım 2023.
Miscellanea / / November 28, 2023
İşlenmiş konular:
1. JavaScript dili:
JavaScript sürümleri ve uygulamaları;
JavaScript'in uygulama alanları (tarayıcı, sunucu, mobil geliştirme);
Veri türleri: String, Number, Boolean (doğruluk ve sahtelik kavramı);
Operatörler, operatör önceliği;
Değişkenlerin bildirimi: var, const, let;
Döngüler: while, for, for… in, for…of;
Sayılar ve dizelerle çalışmak;
Boş ve tanımsız değerler: farklılıklar ve uygulama amaçları;
Konsolla çalışmak;
JavaScript'teki istisnalar.
2. JSON, nesneler ve diziler:
JSON formatı, örnekler;
JSON.parse ve stringify;
Object sınıfıyla çalışan nesneler;
Nesneler oluşturma (gerçek {} harfini, new operatörünü, create yöntemini kullanarak);
Prototip kalıtım, referans __proto__;
Alıcılar ve ayarlayıcılar;
in ve hasOwnProperty operatörü, numaralandırılabilir özellikler kavramı;
toString() yöntemi, yöntemin çağrılması ve geçersiz kılınması;
valueOf() yöntemi, yöntemin çağrılması ve geçersiz kılınması;
Diziler oluşturma: değişmez değerler ve new Array();
Dizi uzunluğunun otomatik olarak değiştirilmesi;
Dizi uzunluğunun uzunluğunu alma ve ayarlama, diziyi kesme;
join() ve concat() yöntemlerini kullanma;
Sıralama yöntemini kullanarak dizinin sıralama düzenini ayarlama;
Dilimleme ve birleştirme yöntemlerini kullanma;
Push, pop, shift, unshift yöntemlerini kullanma: yığın veya kuyruk oluşturma.
3.Tarihler ve dizelerle çalışmak:
Yeni Date() yapıcısını kullanma;
Epoch ile tarihin zaman olarak bilgisayardaki temsilinin anlaşılması;
getTime() ve setTime()'ı kullanma;
Tarihlerin dize gösteriminin ayrıştırılması;
JS'de dize oluşturma seçenekleri: tek ve çift tırnak kullanımı;
Dize enterpolasyonu (kesme işaretli dize);
Bir dizedeki özel karakterlerden kaçmak;
Dize birleştirme, büyük ve küçük harfe dönüştürme;
indexOf() ve lastIndexOf()'u kullanarak bir alt dize bulma;
substring() ve substr() kullanarak bir alt dize seçme
include, endsWith, startsWith yöntemlerini kullanma.
4. Tarayıcıda JavaScript Kullanımı: DOM Modeli:
Tarayıcı penceresini, belgeyi, olayları ve stili (CSS stilleri) yönetme;
Pencere nesnesi ve kullanımları;
JavaScript kodunu bir HTML sayfasına bağlama;
Komut dosyalarının sayfadaki yürütme sırası;
Komut dosyasını önbelleğe alma, CDN sunucuları, JavaScript zorunlu yeniden yükleme;
Bağlantılarla çalışma, JavaScript'i bağlantılara bağlama;
Onload olayı ve kullanımı;
Siteye yapılan XSS saldırıları;
DOM ile çalışma: window, document, childNode'ları kullanma;
DOM kullanarak bir belgeyi işlemek: öğeleri oluşturmak, silmek, taşımak;
Sayfadaki öğeleri bulmak için getElementById(), getElementsByTagName(), getElementsByClassName() işlevini kullanmak;
HTMLDocument ve HTMLElement yöntemleri ve özellikleriyle çalışma.
5. Tarayıcıdaki olaylarla çalışma:
Etkinlik programlama kavramı;
Olay işleyicileri ve dinleyicileri;
addEventListener(); kullanarak işleyicileri bağlama
Event sınıfının özellikleri ve yöntemleri;
Olayların yukarıya (kabarcıklanma) ve aşağıya (yakalama) yayılması;
Yayılmayı durdurun;
Pencere Olayları;
Fare ve klavye olayları, özel olay özellikleri;
Olayları biçimlendirin;
6. CSS ile çalışma ve stilleri yönetme:
CSS standardı, temel CSS özellikleri;
Genel stiller ve bireysel elemanların stilleri;
Basamaklı stiller;
CSS seçicileri;
CSS'yi JavaScript ile değiştirmek;
Dolgu: kenar boşluğu, dolgu, kenarlık;
Öğelerin görünürlüğünün kontrol edilmesi: görünürlük ve gösterim;
Elemanların konumlandırılması: mutlak, sabit, göreceli, üst ve sol ayar;
Ölçü birimleri px, pt ve diğerleri;
taşma özelliği aracılığıyla öğe taşması ve kontrolü;
Belge katmanlarını yönetme: zIndex özelliği;
Animasyon, elemanların hareketi;
Sınıflarla çalışma, className'i ayarlama;
Şeffaflık ve geçişlerle çalışmak;
querySelectorAll() yöntemi.
7. JavaScript, NPM paket yöneticisi, Webpack oluşturucudaki modüllerle çalışma:
Modülleri kullanma nedenleri;
Modülden dışa aktarma;
Modülden içe aktarın;
Yeniden ihracat;
NPM ile çalışan package.json dosyası;
node_modules klasörü, NPM kullanarak paketleri indirme;
Paketlerin global ve yerel kurulumu;
Bir proje oluşturmak için web paketini kullanma;
CSS ve TypeScript yükleyicileri;
Webpack.config.js yapılandırması;
Paket oluşturma, sıkıştırma;
web paketi eklentileri;
Eski modülerlik sistemlerini kullanma – CommonJS ve AMD;
CommonsChunkPlugin'i kullanarak birden fazla giriş noktası;
Çalışırken değiştirilebilir HMR modülleri.
8. JavaScript'te sınıflar ve kalıtım:
Prototip mirası, referans __proto__;
Nesne prototipi;
Instanceof kullanarak;
Anahtar kelime sınıfı, sınıf oluşturma;
Anahtar kelime süper;
Object.sign() yöntemini kullanarak;
Object.defineProperty() yöntemini kullanarak;
Alıcılar ve ayarlayıcılar;
Nesneler ve dizilerle çalışmak için yayılma operatörü;
Bir diziyi ve nesneyi yok etmek.
9. JavaScript'te Fonksiyonel Programlama:
Değişken olarak fonksiyonlar;
Dizi argümanları;
Fonksiyon sınıfı, call() ve application() yöntemleri;
Bind() yöntemi, bunu ve bazı parametreleri bind kullanarak ayarlama;
JavaScript'teki kapanışlar;
Kapakları kullanarak değerleri kapsüllemek;
Function yapıcısı aracılığıyla bir fonksiyon oluşturmak: bir dize oluşturmak;
Ok fonksiyonları, uygulama örnekleri;
İşlevsel dizi manipülasyonu: find, findIndex, filter;
Bir dizideki verileri işlemek için harita/filtre/azaltma kullanımına örnekler.
10. Değişmezlik, test etme, MVC modeli:
Değişmezlik kavramı, avantajları;
Nesneleri ve dizileri değiştirmek için değiştirilebilir ve değişmez yöntemler;
Sanal DOM'un Kavramı ve Avantajları;
Jest kullanarak değişmez fonksiyonları test etme;
Ezberleme, avantajları;
Fonksiyonel programlamanın kullanımında temel hatalar ve öneriler;
MVC modeli, kullanıcı arayüzü oluşturma;
Arayüz geliştirmeye yönelik ana kütüphanelere genel bakış: Angular, React, Vue.
11. JavaScript'te eşzamansızlık. Vaatler:
Asenkron kavramı ve gerekliliği;
setTimeout, setInterval, clearTimeout ile çalışma;
Geri arama işlevleri (geri aramalar);
Geri arama işleviyle çalışırken bunu kaybetmek. Çözümler (bağlama, ok işlevlerini kullanma vb.);
Vaat kavramı, asenkron bir fonksiyondan Promise döndürme;
Promise.all() yöntemi, uygulaması;
eşzamansız/beklemede sözdizimi, kullanım durumları, sınırlamalar;
Acil durumların ele alınması: Sözün reddedilmesi, eşzamansız çağrılar için istisna yönetimi.
12. Sunucuyla çalışma. HTTP protokolü. REST hizmetleri:
HTTP protokolü;
HTTP başlıkları ve yöntemleri (GET, POST, PUT, DELETE, diğerleri), veri aktarımı;
HTTP sunucuları (genel bakış);
HTTP sunucusu yanıt kodları;
Veri göndermek için formların kullanılması;
AJAX kullanarak sunucuya veri aktarma;
REST mimarisi: avantajları ve özellikleri;
REST ile çalışırken CRUD'un (Oluşturma/Okuma/Güncelleme/Silme işlemleri) uygulanması;
Veri almak ve göndermek için fetch() işlevinin kullanılması;
Swagger kullanarak REST hizmetlerini belgelemek;
HATEOAS kavramı, uygulaması;
13. AXIOS Kütüphanesi. WebSocket Protokolü:
Üst düzey Axios kütüphanesi ile düşük düzeyli fetch() kullanımının karşılaştırılması;
Axios'ta GET ve POST istekleri;
Axios ile eşzamansız/beklemede kullanma;
Axios kullanılırken hata yönetimi;
Axios kullanarak bir isteğin iptal edilmesi;
WebSocket protokolü;
WebSocket kullanım örnekleri, HTTP ile karşılaştırma;
HTML animasyonu;
Not
Ders materyalleri İngilizce olarak sunulmaktadır.