Javascript ile uygulama geliştirirken kullanılan bir dizide elemen bulma işlemi için farklı yollar vardır. Javascript bir çok array metodunu kullanıma sunar. Şimdi farklı işlemler için kullanabileceğimiz metodları görelim. Dizide Eşleşen İlk Elemanı Bulma Eğer dizi içerisinde aranan elemandan bir veya daha fazla varsa ve ilk eşleşen eleman isteniyorsa array find metodu kullanılabilir. Bu metod dizi içerisinde bir […]
React JS ile uygulama geliştirirken çok sayıda komponent ile işlem yaparız. Uygulamamız büyüdükçe daha fazla komponent ihtiyacı doğar. Bu durum bazı zorlukları da beraberinde getir. Bu nedenle de farklı eklentiler ve teknolojiler kullanmamız gerekebilir. Konumuz olan Context Api de böyle durumlar için geliştirilmiştir. Context nedir? Nasıl kullanılır? sorularına geçmeden önce ilk olarak sorunu tespit etmek
React JS öğrenmeli miyim sorunsunun en yalın cevabı, eğer frontend geliştiricisi iseniz öğrenmelisiniz şeklindedir. Bu konuyu şimdi biraz açalım. React JS Öğrenmenin Avantajları Günümüzde teknoloji geliştikçe daha karmaşık bir hal aldığı gibi bununla birlikte daha kolay geliştirme ortamları da ortaya çıkmaktadır. React JS frontend (UI) geliştiricileri için Facebook tarafından geliştirilmiş bir kütüphanedir. Frontend uygulamalar geliştirmek
Graphql şemeları oluştururken zorunlu alanlara non nullable denir. Bu alanların tanımlarnının sonlarına bir ünlem ! getirilerek belirtilirler. Bu şekilde tanımlanmış alanlar bir sorgu ile çağrıldığı zaman boş bırakılamaz ve zorunlu olarak bir bilgi verecek şekilde gönderilirler. Aksi halde hata oluşur. Non Nullable Alan Oluşturma Eğer bir şema içerisinde bir alan non nullable olarak tanımlanacaksa tanım bilgisinin sonuna ünlem işareti konulur. Şimdi
Javascript ile sayıları dizilerini sıralama işlemi için array sort metodunu kullanıyoruz. sort metodu sayı veye metin dizilerini de sıralamak için kullanılır. Array.protype.sort Metodu sort metodu bir diziyi kendi içerisinde sıralar ve sonucu geri dönderir. Sıralama işlemini UTF-16 kod sistemine göre yapar. Bunun anlamı girdileri metin olarak kabul ederek, karekterlere göre sıralama yapacağıdır. Eğer sayılar içeren bir dizi sıralanmak isteniyorsa veya
Ubuntu üzerinde Nvidia sürücülerini kullanırken eğer yeni ayarları kayıt etmek istiyorsanız, bazı durumlarda unable to open x config file ‘/etc/x11/xorg.conf’ for writing hatası alabilirsiniz. Bu genellikle xorg.conf dosyasının olmaması veya üzerine yazma yetkisinin olmaması sebebi ile oluşabiliyor. Can sıkıcı bir hata olmakla beraber çözümü için farklı yöntemler denenebilir. Burada daha bizim başımıza geldiğinde denediğimiz bir
Ubuntu Unable to Open x config file ‘/etc/x11/xorg.conf’ for Writing Hatası Read More »
Web sayfası içerisinde stil düzenlemeleri için genellikle Css kulllanıyoruz. Böylece sayfa görünümünü istediğimiz şekilde düzenleyebiliyoruz. Fakat bazı durumlarda sayfa içersindeki elemanların sitillerine Javascript ile müdehale etmemiz gerekebilir. Bu yazımızda javascript ile yazıyı hizalama nasıl yapılır inceleyeceğiz. Css text-align Özelliği Css text-align özelliği içerisinde metin bulunan elementlerin içeriğinin yatay hizalanması için kullanılır. Aldığı değerler ve ne işe yaradığı aşağıdaki gibidir.
Bir web sayfası gösterilirken farklı sayfaya geçmek gerekebilir. Bunu kullanıcıya bir link vererek yapabiliriz. Böyle kullanıcı linke tıkladığında o sayfaya gider. Fakat biz eğer bunu Javascript ile yapmak istiyorsak, buradaki amaç daha farklı olabilir. Mesela bir butona tıklandığında, o anki duruma göre farklı bir sayfaya gitmek istenebilir. Yada sayfa yüklendikten belirli bir süre sonra farklı
Javascript Butona Tıklandığında Sayfa Yönlendirme Read More »
Zemin renkleri sayfa tasarımında önemlidir. Belirli bir alanın veya tüm sayfanın zemin renklerini değiştirmek gerekebilir. Background rengini değiştirmek CSS üzerinden yapılabilir. Mesela bir div etiketinin zemin rengini kırmızı yapmak istersek aşağıdaki gibi yapabiliriz. Yine aynı işlemi bir CSS sınıfı üzerinde de tanımlayabilirz. Fakat bizim bu yazıda göreceğimiz konu bir butona tıklandığında zemin rengini değiştirmek. Bu durumda Javascript kullanıyoruz. Javascript
JavaScript Butona Tıklandığında Arka Plan Rengini Değiştirme Read More »
Html sayfaları üzerinde işlem yaparken, elemetlerin ( tag, etiket ) sınıflarını değiştirmek isteyebiliriz. Bunun nedeni yapılan işlem sonrasındaki farklı durumun belirginleşmesi olabilir. Mesela bir cevap girilirken gri, girildikten sonra eğer doğru ise yeşil ve eğer yanlış ise kırmızı renkte bir font kullanmak isteyebiliriz. Bu gibi durumlarda Javascript ile elemente class ekleyerek elementin görünümüne müdehale edebiliriz.
Javascript ile sayısal işlemler yapmamız için bir çok operatör ve ayrıca Math sınıfı vardır. Yapabileceğimiz sayısal işlemler çok olduğu için çok sayıda da metod bulunmaktadır. Kesirli sayılar ile çalışırken, bazı durumlarda sayıyı yuvarlamak gerekebilir. Bu gibi durumlarda kullanabileceğimiz bir çok metod vardır. İşlemi yaparken ihtiyacımız olan herhangi bir metodu kullanabiliriz. Javascript İle Ondalık Sayı Nasıl
React JS ile uygulama geliştirirken projemize resim eklemek çoğu zaman zorunludur. Gerek logo ve gerekse sayfa içi diğer resimler tasarımımız açısından önemlidir. React JS uygulamaya resim eklemek için farklı yöntemler sunar. Böylece o an ihtiyacımız olan şekilde resimleri uygulamaya ekleyebiliriz. Bu yöntemler şu şekildedir. Şimdi bu iki farklı yöntemi inceleyelim. React JS İmport Yöntemi İle
Express JS ile uygulama geliştirirken url ile gönderilen parametrelere ihtiyacımız olabilir. Mesela bir ara sorgusu, bir ürünün IDsi, bir üyenin bilgileri gibi güvenlik açığı oluşturmayacak bilgileri kolaylıkla url üzerinden istediğimiz sayfaya gönderebiliriz. Bu gibi bir durum olduğunda iki farklı seçenek devreye girer. Bunlar şu şekildedir. Şimdi bu iki yöntemi de inceleyelim. Express JS Url Üzerindeki Paremetre Bilgisini
Rastgele işlemler bazı durumlarda gerekli olabilir. Mesela bir diziden rastgele bir isim seçmek, bir diziden rastgele bir müşteri seçmek veya bir array değişkende tutulan hediyelerden rastgele birini seçmek isteyebilirsiniz. Bu isteklerin sonu gelmez. Bu nedenle biz odaklanmamız gereken işe odaklanalım ve bir diziden rastgele nasıl eleman seçeceğimize bakalım. Öncelikle dizinin mantığını bilmemiz gerekiyor. Nedir bu
Express JS arayazılımları (middleware) çalıştıran bir web çatısı olarak özetlenebilir. Bir istek olduğunda ilgili ara yazılımları çağırarak çalıştırır. Böylece sırası ile yapılması gereken işlemler yapılır. Mesela yapılan istek sunucuda yoksa, bu durumda sayfa bulunamadı cevabı için bir middleware yazılarak bu işlev özelleştirilebilir. Veya sayfa oluşturulurken, eğer istek yapan giriş yapmış bir kullanıcı ise ona göre