Node JS veya Express JS ile resimler üzerinde işlemler yapabiliriz. Bazı durumda kayıt ettiğimiz resimleri silmek isteyebiliriz. Mesela bir ürün resmini silerek farklı bir resim yüklemek gibi bir işlem yapmamız gerekir. Node JS İle Resim Silme İşlemi Nasıl Yapılır? Resimler bir dosyadır ve bu nedenle bir resimi silmek istediğimizde bir dosyayı siler gibi davranmamız gerekiyor. […]
Gizli veya özel olmasını istediğimiz değişkenleri .env uzantılı dosyalarda saklıyoruz. Bu özel dosyalar gizli oldukları ve güvenlik açısından geliştirme aşamasında paylaşılmıyorlar. .env kullanımı hakkında genel bilgiler için Javascript dotenv kütüphanesi yazımıza bakabilirsiniz. Kısaca .env dosyası hakkında bilgi vermek gerekirse, şifreler, sunucu bilgileri, özel kullanıcı bilgileri gibi önemli bilgileri ve başkalarının ulaşmasını istemediğimiz bilgileri tutan değişkenleri tanımladığımız bir gizli dosyadır. Her satırda bir
Javascript ile çalışırken objeler (nesneler) önemli bir yer tutar. Bu nedenle bir uygulama geliştirirken sürekli olarak nesneleri kullanırız. Bir nesne oluşturmak için kullandığımız yöntem basittir, süslü parantezler içerisinde anahtar – değer şeklinde nesne özelliklerini girmek yeterli olacaktır. Şimdi bir örnek verelim. Artık istediğimiz gibi kullanabileceğimiz bir nesnemiz (object) oldu. Gerekirse bu objenin özelliklerine ulaşabiliriz. Bu
Css sınıfları web safalarının düzgün görünmesi için önemlidir. Fakat bazı durumlarda sınıfların silinmesi gerekebilir. Mesela bir mesaj uyarı için kullanılacaksa dikkat adında bir class oluşturularak o mesajı saklayan elemente eklenir. Ya sonra bu mesajın içeriği değişirse ne yapacağız? JS Element Class Silme İşlemi Bir elemente atanmış tüm sınıflar classList özelliği içerisinde tutulurlar. Bu özellik üzerinden kaldırdığımız sınıflar
Javascript Element Sınıf Silme İşlemi Nasıl Yapılır? Read More »
Uygulama geliştirirken sürekli diziler ile çalışırız. Bu nedenle array değişkenler üzerinde farklı işlemler yapmamız gerekiyor. Bu yazımızda bir array / dizi değişkenin ilk elemanın nasıl değiştireceğimizi göreceğiz. Bunun için iki farklı yöntem göreceğiz. İlk yönetmimizde [] köşeli parantezler ile dizinin elemanına ulaşıp işlem yapacağız. Bildiğiniz gibi bir array değişkenin ilk elemanının indeks değeri sıfırdır. İlk elemana ulaşmak
Metinler ile çalışmak önemlidir. Farklı durumlar için farklı çözümler üretmek gerekebilir. Mesela bize verilen bir isimi, ad ve soyad olarak ayırmak isteyebiliriz. Böyle bir durumda Javascript ile nasıl bir yol izleyeceğiz? Farklı yöntemler düşünülebilir. İlk olarak split yöntemini düşünebiliriz. Böylece string değişkeni diziye çeviririz ve sonrasında isim ve soyad bölümlerini alırız. İlk Yöntem split Metodunu Kullanma Şimdi
Javascript İle İsmi Ad Ve Soyad Olarak Nasıl Bölebiliriz? Read More »
Bir websayfası oluşturuduğunuzda bu sayfayı ifade ederken DOM ( Document Object Model) kullanıyoruz. Bu bir websayfasını oluşturan tüm elementleri kapsayan bir modeldir. Javascript ile DOM üzerinde birçok işlem yapabiliriz. Bu yazımızda ID bilgisini bildiğimiz bir DOM elementinin nasıl silineceğini göreceğiz. Remove Metodu Javascript Element.remove metodu ile bir DOM elementini silebiliriz. BU metod geriye undefined değeri dönderir. Kullanım şekli şeklindedir.
Bazı durumlarda bir metin içerisindeki son kelimeye ihtiyaç duyabiliriz. Bunu elde etmek için farklı yöntemler bulunmaktadır. Javascript ile bir yazıdaki son kelimeyi almak için kullanacağımız yöntemleri inceleyelim. Birinci Yöntem String bir değişken içerisindeki son kelimeyi almak için öncelikle şuana dikkat etmeliyiz, yazılar içerisinde boşluklar genel olarak kelimeleri ayırmak için kullanılır. Mesela Merhaba Dünya ifadesi içerisinde bulunan Merhaba ve Dünya kelimeleri bir
Belirli zamanlarda istediğimiz kodları çalıştırmamız gerekli oluyor. Bunun için bazen sadece bir defa kod çalıştırmak veya bazen de sürükli olarak tekrar tekrar aynı kodu çalıştırmak gerekebilir. Tek seferlik bir kod parçasını çalıştıracaksak bu durumda Javascript bize setTimeout metodunu sunuyor. Fakat bizim sürekli olarak tekrar tekrar aynı kodu çalıştırmamız gerekiyorsa bu durumda setInterval metodunu kullanabiliriz. Javascript setInterval Nedir? setInterval Javascript ile
Uygulama geliştirirken bazı durumlarda kullanıcıdan onay almak gerekir. Böylece yapılacak işin kullanıcı tarafından onaylanması garanti altına alımış olur. Onay almak için farklı yöntemler kullanılabilir. Javascript Confirm Nedir? Confirm kullanıcıdan onay almak için geliştirilmiş bir Javascript metotudur. Bir bilgilendirme mesajı alır ve bu mesajı kullanıcıya gösteren bir uyarı penceresinde gösterir. Kullanıcının Tamam veya İptal diyerek bu mesaja cevap vermesi beklenir.
Bu sorunun cevabını vermeden önce React JS nedir? sorunsunun cevabını vermek gerekir. En yalın hali ile ReactJS kullanıcı arayüzüleri oluşturmak için geliştirilmiş bir Javascript kütüphanesidir. Tarifini yaptığımızda aslında sorunun cevabı verimiş oluyor. React bir Javascript kütüphanesi olduğu için ReactJS ile bir uygulama yazabilmek için de Javascript ile programlama yapmayı bilmek gerekir. React ile uygulama geliştirmek demek, genel anlamı
Tasarımlarımızda farklı fontlar kullanıyoruz. Fakat tarayıcılar ile gelen ön tanımlı fontlar sınırlı sayıda. Bu durumda sayfamızı tasarlarken font eklemek (import) zorunda kalabiliriz. React Js ile font import etmek için farklı yöntemler bulunmakta. İhtiyacımız olan yöntemi seçerek React uygulamamıza istediğimiz fonut ekleyebiliriz. React Font İmport Eğer font dosyalarını proje klasörüne yüklediyseniz, bu yöntem ile uygulamanıza ekleyebilirsiniz.
Tasarım yaparken farklı renklere ihtiyacımız olabilir. Bu renkleri hazır bir listeden seçebileceğimiz gibi rastlantısal olarak da oluşturabiliriz. Şimdi bu iki farklı yolu Javascript ile nasıl yapacağımızı ayrı ayrı inceleyelim. Javascript İle Bir Renk Listesinden Rastgele Renk Seçmek İlk olarak elimizde olan bir renk listesinden rastgele renk seçmeyi inceleyelim. Bunun için öncelikle elimizde renk bilgilerini tutan
React onClick kullanıldığında yapılan bir hata sonucu komponent her render edildinde sanki butona tıklanmış gibi bir davranışın sergilenmesi sıkça karşılaşılaşılan bir durumdur. Özellikle bu konuda yeni olan geliştiriciler bu hatayı yapma eğilimindedirler. İki farklı kod yapısını inceleyelim. İlk butonda bir fonksiyona referans veriyoruz. Bu şekilde davrandığımızda ilk anda bir işlem gerçeleşmiyor bunun yerine buton tıklandığında
React onClick İle Çağrılan Fonksiyon Neden Sürekli Çalışıyor? Read More »
Dışarıdan gelen verileri sayfa içerisinde kullanırken ilk harflerinin büyük harf olarak yazılmasını isteyebiliriz. Bunun için farklı yöntemler olmakla beraber bunu eğer Javascript kodu içerisinde yapacaksak bunun için farklı yöntemler bulunmakta. Javascript Metini Büyük Harf Yapma Javascript ile bir metini büyük harfe çevirmek için string nesnesinin toUpperCase() metodunu kullanmak yeterli olacaktır. Örnek kullanımı toUpperCase metodunu kullanarak string değişkenlerimizi büyük