Genel 9 - Netbilio Teknoloji

React Input Değeri Boş Mu Nasıl Denetlenir?

Yorum bırakın / Genel, React JS / selami

Bir form içerisindeki değerin boş olup olmadığını denetlemek gerekebilir. Bunu length metodu ile yapabiliriz. Fakat şöyle bir sorun var, eğer input değeri bir veya daha fazla boşluk içeriyorsa, length değeri ile tek başına sonuca gitmemiz mümkün olmayacaktır. Öncelikle bir input etiketinin değerini aldığımızda ona string trim metodunu uygulamamız gerekir. JavaScript String trim trim metodu uygulandığı metinin başında ve sonunda olan boşlukları (whitespace) […]

React Input Değeri Boş Mu Nasıl Denetlenir? Read More »

JavaScript For Döngüsü Nasıl Durdurulur / Sonlandırılır?

Yorum bırakın / Genel, JavaScript / selami

JavaScript for döngüsü ile çalışırken bazen döngüyü sonlandırmak isteriz. Bunun için break ifadesini kullanmamız yeterli olacaktır. for .. in, for … of ve while döngülerini de durdurmak için de break ifadesi kullanılabilir. Bir döngü sonlandırıldığında, döngü içerisindeki bloğun işletilmesi durdurulur ve döngüden sonraki blok çalışmaya başlar. for Örneği / break Örneğimizde, döngü değişkeni 5e eşit olduğunda döngüyü sonlandıracağız. Yazdığımız kod, 0 dan 10 a kadar sayıları

JavaScript For Döngüsü Nasıl Durdurulur / Sonlandırılır? Read More »

React Uygulamasında Bir Resime Link Verme

Yorum bırakın / Genel, React JS / selami

React ile bir uygulama geliştirirken, bir resime link vermek için a etiketi veya eğer react-router-dom kullanılıyor ise, Link bileşenini kullanabiliriz. Şimdi bu iki yöntemi ayrı ayrı görelim. A Etiketi İle React Uygulamasında Resime Link Verme A bir HTML etikedir ve bir link vermek için kullanılır. Bunun için şeklinde kullanıyoruz. Yine eğer bir resime link verilecek ise, A etiketi içerisinde IMG etiketi kullanıyoruz. Aynı şekilde

React Uygulamasında Bir Resime Link Verme Read More »

JavaScript Polifill Nedir? Nasıl Uygulanır?

Yorum bırakın / Genel, JavaScript / selami

JavaScript düzenli olarak geliştirilen ve yeni özellikler katılan bir dil. Bu geliştirmeler yapılırken dile yeni özellikler ve fonksiyonlar da eklenmekte. Bu nedenle özellikle eski tarayıcılar yeni sürüm JavaScript ile yazılmış kodları çalıştırırken, bilmedikleri metod, nesne veya fonksiyonlar ile karşılaşabiliyorlar. Bu durum hata oluşmasına ve sayfa içerisindeki kodun doğru çalıştırılmaması sonucunu doğurmaktadır. Polifill Polifill eski tarayıcılarda

JavaScript Polifill Nedir? Nasıl Uygulanır? Read More »

Express Oturum Değişkenlerine Ejs Dosyasından Nasıl Ulaşılır?

Yorum bırakın / Express JS, Genel / selami

Eğer express ile bir uygulama geliştiriyorsanız büyük ihtimalle oturum özelliklerinden de faydalanıyorsunuzdur. Oturum kapsamındaki verileri express-session ile tutabiliriz. Ayrıca elimizde olan ve arayüz üzerinde bize lazım olacak verileri de oturumlarda saklayabiliriz. Yada bir oturum verisini arayüz üzerinde kullanmak isteyebilirsiniz. render İşlemi Çağrılırken Değişken Göndermek Bir isteği cevaplarken eğer bir ejs dosyasını render edeceksek, bu dosyaya

Express Oturum Değişkenlerine Ejs Dosyasından Nasıl Ulaşılır? Read More »

Express Fileupload İle Adım Adım Dosya Yükleme

Yorum bırakın / Express JS, Genel / selami

Uygulama geliştirirken ihtiyacımız olan şeylerden bir tanesi de dosyalardır. Bazen dosyalara yazmamız, bazen okumamız ve bazende onları bir yerlerde saklamamız gerekebilir. Bu nedenle dosya işlemlerini bilmek bizim için önemlidir. Bu yazımızda express-fileupload paketini kullanarak bir express js uygulamasında sunucuya web sitemizden nasıl dosya yükleneceğini adım adım göreceğiz. Böylelikle kullanıcının bir web sayfası üzerinden bir dosyayı

Express Fileupload İle Adım Adım Dosya Yükleme Read More »

Express Session Paketi İle Oturum Yönetmek

Yorum bırakın / Express JS, Genel / selami

Bir web uygulaması yazarken, o an uygulamayı kullanan kullanıcıyı bilmek istediğimiz bir çok durum vardır. Mesela en basitinden bir güzellik olsun diye kullanıcıya adı ile Hoşgeldin demek gibi. Örneğin Hoşgeldin Hasan. Evet basit bir örnek oldu fakat eğer bir bir kullanıcıyı sunucu ortamında takip edebilirsek, onun için özelleştirilmiş sayfalar da hazırlayabiliriz demektir. Mesela bir blog sayfamız olduğunu düşünelim,

Express Session Paketi İle Oturum Yönetmek Read More »

React Performans Optimizasyonu

Yorum bırakın / Genel, JavaScript, React JS / selami

React ile uygulama geliştirmek oldukça kolaydır, ayrıca bir UI uygulamaları yazmak için geliştirdiği için arayüz performansı oldukça iyidir. Bununla birlikte uygulamalar geliştikçe performans kaybı yaşadıkları gibi, yanlış kodlamanın da performans kaybına neden olduğu biliyoruz. Eğer React performans optimizasyonu ile ilgileniyorsak farklı bakış açılarına sahip olmak gerekecektir. Ne demek istiyorum, kodlama açısında, derleme açısından, uygulamanın yüklenmesi

React Performans Optimizasyonu Read More »

JavaScript Array İçerisinden İstenilen Bir Eleman Nasıl Silinir?

1 Yorum / Genel, JavaScript / selami

Program geliştirirken çok kullandığımız dizi içerisinden belirli bir eleman silmek gerekebilir. Bunu JavaScript ile yapmanın farklı yolları vardır. Bu yolların olma sebebi kullanım yerlerinin farklı olmasıdır. Burada şunu yapacağız, elimizdeki bir array nesnesinin (array) içerisinden silmemiz gereken bir elemanı çıkarmak (silmek). Bu yazımızda iki farklı yoldan bahsedeceğiz. Birincisinde asıl dizi üzerinde işlem yapacağız ve asıl

JavaScript Array İçerisinden İstenilen Bir Eleman Nasıl Silinir? Read More »

React PropTypes Kullanımı

Yorum bırakın / Genel, React JS / selami

Bileşenlere veri aktarmak için React Prop kullanır. React JS Props Kullanımı yazımızda detaylarını bulabilirsiniz. JavaScript ile uygulama geliştirirken değişken tip kontrolü yapılmaz. Dolayısı ile de React ile uygulama geliştirirken de değişken tipi denetlenmez. Bu nedenle de bazı durumlarda hatalar oluşabilir. Özellikle de kodu başkası kullanacağı zaman değişken türünü bilemeyebilir. Bu gibi durumların önüne geçmek ve

React PropTypes Kullanımı Read More »

Express JS İle Bcrypt Şifrele İşlemleri

Yorum bırakın / Express JS, Genel, JavaScript / selami

Şifreler hayatımızda önemli bir yer tutmaya başladı. Her yerde şifre kullanmak durumundayız. Çünkü veri değerli. Express JS ile yazdığımız uygulamalarda da kullanıcı giriş işlemleri için üye olacak kişinin bir şifre belirlemesini isteriz. Kullanılacağı yere göre de bu şifrelerin gücünü belirleriz. Karmaşık ve uzun şifreler. Peki bu güvenli mi? Güçlü bir şifrenin daha güvenli olacak muhakkak.

Express JS İle Bcrypt Şifrele İşlemleri Read More »

Hangisi Daha İyi React JS mi Bootstrap mı?

Yorum bırakın / Genel, JavaScript, React JS / selami

Bu sorunun cevabını vermeden önce hem React ve hemde Bootstrap hakkında kısa bir bilgi vermek gerekiyor. Sonrasında cevap kendiliğinden ortaya çıkacaktır. İlk olrak ReactJS’yi inceleyelim React JS Nedir? React JS kullanıcı arayüzleri geliştirmek için tasarlanmış bir JavaScript UI kütüphanesidir. JavaScript ile kullanıcı arayüzleri oluşturmak için kullanılır. HTML, CSS ve JavaScript kodları kullanılarak web sayfası, tek

Hangisi Daha İyi React JS mi Bootstrap mı? Read More »

Express JS İle Adım Adım Bir Web Uygulaması Nasıl Oluşturulur?

Yorum bırakın / Express JS, Genel / selami

Bu yazımızda daha önce bahsettiğimiz ExpressJS modülü kullanılarak basit bir web uygulaması oluşturacağız. Böylece online bir uygulama nasıl oluşturulur konusunu inceleyeceğiz. Neler Gerekli? Bu konuyu okuyup geçebilirsiniz, fakat eğer öğrenmek ve uygulamak istiyorsanız JavaScript ve Node JS konusunda bilgi sahibi olmanız önemlidir. Bilgisayarınızda NodeJS kurulu olması gerekiyor. Web Uygulaması Nedir? İnternet ve yerel ağlar üzerinde çalışan uygulamalara

Express JS İle Adım Adım Bir Web Uygulaması Nasıl Oluşturulur? Read More »

Mongoose JS Nedir ve Nasıl Kullanılır? Hızlı Başlangıç Rehberi

Yorum bırakın / Express JS, Genel / selami

Bir çok programa veriler üzerine işlem yapar. Yeni veri eklenir, sililir, düzenlenir veya veri içerisinde bazı bilgiler aranır. Bu nedenle de veri tabanları kullanılır. Günümüzde çok sayıda veritabanı geliştirilmiştir. Veri tabanları çalışma prensiplerine göre SQL veya NoSQL gibi farklı sınıflara ayrılırlar. Konumuz şuan için veri tabanları olmadığı için detaylara girmiyoruz. Bununla birlikte MongoDB ise gününümüzde çok popüler olan bir NoSQL veri tabanı. C++

Mongoose JS Nedir ve Nasıl Kullanılır? Hızlı Başlangıç Rehberi Read More »

React Js ile Buton Nasıl Kullanılır?

Yorum bırakın / Genel, React JS / selami

Butonlar tasarımlarımızda önemli yer tutar. Bir etkileşim, özellikle tıklama, almak istediğimizde kullanıyoruz. Bazen bir sunum için de kullanılabilir. Buton oluşturmak için Html kullanırken button etiketini kullanmamız yeterli olacaktır. Bu şuan anlama geliyor React kullanırken de button etiketi ile bir düğme oluşturabiliriz. Bunun haricinde bir div etiketini de veya başka bir etiket, buton gibi kullanabiliriz. Nede olsa buton kullandığımızda bizim için önemli

React Js ile Buton Nasıl Kullanılır? Read More »