Genel

JavaScript Butona Tıklandığında Uyarı / Alert Mesajı Verme

JavaScript Butona Tıklandığında Uyarı (Alert) Mesajı Verme

Bazı işlemler yapılmadan önce bir uyarı mesajı vermek gerekli olabilir. JavaScript ile bir işlem yaparken uyarı mesajı vermek için alert metodu kullanılır. JavaScript Uyarı Mesajı – Alert Metodu Alert uyarı mesajları vermek için geliştirilmiş JavaScript window nesnesinin bir metodudur. Tam yazılışı şeklindedir. Normal kullanımda, window nesnesini belirtmeden de kullanılabilir. alert girdi olarak bir string alır ve onu bir uyarı mesajı olarak kullanıcıya […]

JavaScript Butona Tıklandığında Uyarı (Alert) Mesajı Verme Read More »

Express-Validator Paketi

Express-Validator Paketi

Veriler önemlidir, uygulama geliştirirken de öyle. Uygulama geliştirirken verileri farklı kaynaklardan alırız. Bunlardan bir tanesi kullanıcılardır. Web sayfasını ziyaret eden kullanıcılardan bilgi almak için formları kullanıyoruz. Formlardan gelen verileri olduğu gibi kullanmak sıkıntılı olabilmektedir. Bu nedenle form bilgilerini denetlemek gereklidir. Bu işlemi tarayıcı üzerinde yapabildiğimiz gibi sunucu üzerinde de yapabiliriz. Form bilgilerinin önemi arttığında hem

Express-Validator Paketi Read More »

Mongose Boş Array Alana Göre Belgeleri Listelemek

Mongoose İle Boş Array İçermeyen Tüm Kayıtları Listeleme

Eğer array bir özelliği olan belgeler içerisinden array özelliği boş olmayan belgeleri bulmak istersek ne yapacağız. Mesela elimizde üye bilgilerini tutan users koleksiyonu var. Bunun içerisinde üye bilgilerini tutuyoruz ve bu bilgilerden bir tanesi de üyenin izlediği filimler olsun. Doğal olarak bir kişi 1 veya daha fazla filim izlemiş olacağı için bu bilgi array olarak tutulmalıdır. Burada

Mongoose İle Boş Array İçermeyen Tüm Kayıtları Listeleme Read More »

React State Değişikliğini useEffect İle Yakalama

useEffect İle React State Değişikliklerini Yakalamak

Eğer React ile çalışıyorsanız, state kullanmanız için bir çok sebep vardır. Ve state üzerinde çalışıyorsanız, state değişikliklerinde yapmak isteyeceğiniz işler vardır. React JS useEffect Nedir? React komponenti ilk oluşturulduğunda, hayat döngüsü sona erdiğinde veya state üzerinde bir değişiklik olduğuna isteğe bağlı diğer işlemlerin yapılmasını sağlayan bir hooktur. Bizim için bu bölümde state üzerindeki değişiklikler sonrası

useEffect İle React State Değişikliklerini Yakalamak Read More »

JavaScript for Döngüsü İle Tablo Oluşturma

JavaScript for Döngüsü İle Tablo Oluşturma

Verileri toplu bir şekilde göstermek için tabloları kullanıyoruz. Bunun için HTML bize table etiketini sunmuştur. Fakat HTML statik bir dil olduğu için tabloları elle oluşturmamız gerekiyor. Fakat yine de biz dinamik olarak tabloları elimizdeki verileri kullanarak JavaScript ile oluşturabiliriz. Bu yazımızda javascript for döngüsü ile tablo oluşturmayı göreceğiz. for Döngüsü İle Tablo Oluşturma Örneği İlk örneğimizde elimizde olan rekler

JavaScript for Döngüsü İle Tablo Oluşturma Read More »

Html Css JavaScript Nedir

Html Css JavaScript Nedir?

Teknolojinin gelişmesi ve internetin hayatımıza girmesi ile birlikte web sayfaları ve web uygulamaları hayatımızda büyük yer tutmaya başladı. Web sayfalarını ve web uygulamalarını oluşturmak için farklı teknolojiler ve programlama dilleri kullanılmaktadır. Her dilin kendi becerileri ve kullanıldığı yerler bulunmaktadır. Bir web sayfasını oluştururken tasarımsal açıdan üç farklı bölümü vardır. Bu üç farklı bölüm üç farklı

Html Css JavaScript Nedir? Read More »

React JS ile input alanına ulaşma

React JS İle Input Alanının Değerini Almak

Bu yazımızda react js içerisinde bir input etiketine girilen değeri almayı göreceğiz. Input alanındaki değeri almak bizim için önemlidir. Bu yazıyı tam olarak değerlendirebilmek için state kullanımını bilmek gerekiyor. Bu işlemi yapmak için Şimdi bir örnek uygulama yapalım. Şimdi yazdıklarımızı inceleyelim. İlk olarak şeklinde message adında bir değişkeni ve onu düzenlemek için setMessage fonksiyonunu oluşturuyoruz. Sonra f onksiyonu yazıyoruz. Bu fonkisyon ile input üzerindeki değer

React JS İle Input Alanının Değerini Almak Read More »

Node JS ve JavaScript arasındaki farklar nelerdir?

Node JS ve JavaScript Arasındaki Farklar Nelerdir?

Node JS ve JavaScript iki farklı teknolojidir. Birbirleriyle ilişkisi olmakla beraber normal şartlarda karşılaştırılamazlar. Çünkü bir çalıştırma ortamı ve diğeri ise programlama dilidir. Ne demek istiyorum. Daha öncesinde Node Js ve JavaScript nedir kısaca değinelim. JavaScript Nedir? JavaScript, ECMAScript standardına uyan, genellikle eş zamanlı olarak derlenmiş, üst düzey bir programlama dildir. lk geliştirildiğinde web sayfalarına

Node JS ve JavaScript Arasındaki Farklar Nelerdir? Read More »

JavaScript void 0 kullanımı

JavaScript Void 0 Kullanımı

JavaScript void operatörü kendisine verilen ifadeyi çalıştırır ve ifadenin sonucu ne olursa olsun undefined değerini geri dönderir. Mesela Örnekte gördüğünüz gibi önce 5*5 çalıştırıldı ve sonrasında void operatörü geriye undefined değerini döndü. Sözdizimi void operatöri iki şekilde kullanılır. Her iki kullanım da aynı anlama gelir. Fakat bazı durumlarda parantezin önceliği sonucu değiştirebilir. JavaScript void Nedir? void operatörü kendisine verilen ifade / fonksiyon çalıştıktan sonra geriye undefined değerini döndermek için

JavaScript Void 0 Kullanımı Read More »

React Fragment Nedir

React Fragment Nedir?

React.Fragment bir komponentin çıktısını boş bir etiket olarak sarmak için geliştirilmiş bir özelliktir. Böylece bir bileşenin çıktısını div etiketi ile sarmadan kullanabiliriz. Neden ve Ne Zaman React Fragment Kullanılmalıdır? React ile uygulama geliştirirken bir komponentin çıktısının tek bir etiket içerisinde olması gerekir. Aksi halde sözdizimi (syntax) hatası alınacak ve uygulama çalışmayacaktır. Bu nedenle örnek React bileşen çıktısı

React Fragment Nedir? Read More »

Node JS Nedir?

Node JS Nedir?

JavaScript tarayıcı tabanlı çalışan bir programlama dilidir. Web tarayıcıları üzerinde çalışır. Bunu da tarayıcı üzerinde olan JavaScript motoru ile yapar. Geniş bir kullanıcı kitlesine sahip olan JavaScript, tarayıcı tabanlı olması nedeni ile tarayıcı harici işler için kullanılamazdı. Günümüzde bu artık değiştir. JavaScript ile sunucu tabanlı uygulamalar geliştirilebildiği gibi masaüstü uygulamalar da geliştirilmeye başlandı. JavaScript Nasıl

Node JS Nedir? Read More »

React JS Butona Çift Tıklama

React JS Bir Butona Çift Tıklamayı Yakalama

Uygulama geliştirirken bazen bir düğmeye kaç kere tıklandığını bilmek gerekli olabilir. Mesela aynı butona tek tıklandığında farklı bir iş ve çift tıklandığında ise daha farklı bir iş yapılmasını isteyebiliriz. React Bir Butona Kaç Kez Tıklandığını Bulma Bir butona kaç defat tıklandığını bulmak React JS içerisinde çok kolaydır. Bunun için öncelikle bir onClick eventi oluşturmak gerekir. Sonrasında eventi

React JS Bir Butona Çift Tıklamayı Yakalama Read More »

Express JS POST İşlemleri

Express JS İle Post Metodunu Kullanma

Bir web uygulaması geliştirirken uygulamamıza farklı HTTP metodları ile istekte bulunulabilir, mesela GET, POST, PUT, DELETE gibi. Yapılan istek şekilleri ile farklı işlemler yapılmasını sağlayabiliriz. Mesela /users varış noktasına (end point) GET metodu ile bir istekte bulunduğunda üyelerin listesini gönderebileceğimiz gibi, POST metodu ile bu varış noktasına istekde bulunduğumuzda yeni bir kullanıcı oluşturmak isteyebiliriz. Aynı şekilde DELETE metodu ile buraya istekte bulunduğumuzda bir

Express JS İle Post Metodunu Kullanma Read More »

JavaScript Üç Değişkeni Karşılaştırma

JavaScript Üç Değişkenin Karşılaştırması Nasıl Yapılır

İki değişkenin nasıl karşılaştırılacağını biliyoruz, bunun için == karşılaştırma operatörünü veya === kesin karşılaştırma operatörünü kullanıyoruz. Peki ikiden fazla değişkeni nasıl karşılaştıracağız? Üç veya daha fazla değişkeni karşılaştırmak istediğimizde && operatörünü bir zincir (chain) olarak kullanıyoruz. Mesela elimizde üç farklı sayı değişkeni olduğunu farzedelim. Bu üç değişkenin eşit olup olmadığını denetlemek için önce a ===

JavaScript Üç Değişkenin Karşılaştırması Nasıl Yapılır Read More »

JavaScript for Döngüsü İle Toplama

JavaScript For Döngüsü Toplama İşlemi

For döngüsü kullanılarak belirli bir sayıdan başlanılıp, istenilen sayıya kadar olan tüm sayıları toplayabiliriz. Böylece belirli bir aralıkta olan tüm sayıların toplamını bulabiliriz. Mesela 1 den 100 e kadar olan tüm sayıların toplamını bularak ekrana yazdırmak istersek. Şimdi de 1 den 50 ye kadar olan tek sayıların toplamını bulan bir for döngüsü oluşturalım. JavaScriptte Bir

JavaScript For Döngüsü Toplama İşlemi Read More »