Category: JavaScript

JavaScript Repositories I Follow

Hi. For a while, I’m trying to follow some educational repositories. These are really useful repositories. Maybe you’ve heard of them before. This is an article for people who ask where to start. Anyway. Before Starting The following list is not ordered. It’s good if you can follow them all. So, you don’t have to start with […]

Read More →

Intersection Observer API ile Lazy Loading

Selamlar. Bu yazıda Intersection Observer API ile Lazy Loading hakkında size bilgi sunacağım. Aslında bu iş için hazırda kütüphaneler de var. Olay şöyle ki bir projede görseller tek seferde 90-100 tane kadar yükleniyordu. Sayfanın en altında kalan ve benim henüz görmediğim görsel bile anında yükleniyordu. Bunun için IntersectionObserver API kullandım. İşimi de gördü. Intersection Observer […]

Read More →

React Router’da History Listen İşlemi

Selamlar. Bir nedenden ötürü React Router’da History Listen İşlemi yapmam gerekiyordu. Buraya kadar sorun yok. Sonuçta en basit olarak her route load olduğunda match edileceği için sorun yaşanmıyor. Bu aşamada withRouter da kulanabilirdim.   componentDidMount() Bu İş İçin Var En kötü componentDidMount dersiniz ve o component yüklendiği anda işleminizi yaparsınız. Ancak benim gibi root elementle işiniz […]

Read More →

CodeceptJS’te Script Çalıştırma

Selam. Yine işime yarayan bir özelliği paylaşmak istiyorum. CodeceptJS’te Script Çalıştırma hakkında bir yazı olacak bu. Bir web sayfasına girdiniz ve geliştirici konsolunu açarak bir şeyler yaptınız. Eğer jQuery ile geliştirilen bir web sitesi ise aşağıdaki kodu yazmış olabilirsiniz $(‘.news-title’).text(‘Şok Şok Şok’) Bu gibi işlemlerle başlık değişiyor mu vs. ne olduğunu görebiliyorsunuz en nihayetinde bir […]

Read More →

CodeceptJS ile Modern E2E Testleri

Selamlar. Bu yazıda bugün faydalandığım benim de kullandığım bir test frameworkünden kısaca bahsedeceğim. Aslında E2E testler yazılım geliştirme süreçlerinde yeni değiller. Tarayıcı otomasyon testlerini sağlayan birçok kütüphane zaten mevcut. Daha öncesinde bir Vue projesi için E2E testlerini Nightmare.js ile yapmıştım. Alakalı bilgiyi Çağatay vermiş. Bu yazıda ise yine bir Vue projesini test etmek için kullandığım […]

Read More →