Express.js, NodeJS üzerinde geliştirilmiş, web uygulamaları oluşturmak için hızlı ve minimalist bir web çatısıdır. Tekli veya çoklu sayfa içeren websiteleri veya API uygulamaları geliştirmek için idealdir. Sunucu uygulamaları geliştirmeyi çok kolaylaştırır. Node JS http modülü üzerine kurulmuştur. Middleware (orta katman) kullanım desteğine sahiptir. Sunucu tabanlı web uygulamaları geliştirirken bir çok işlemi oldukça kolaylaştırır. Mesela sayfa yapısı (routing), arayüz […]
Gizli belgeler önemlidir ve gözönünde bulunmamalıdır. Bunun gibi bir uygulama geliştirirken de bazı bilgileri / değişkenler gizlenmek zorunda kalabilir. Genelde bu tip değişkenleri kullanmak için .env gibi dosyalar kullanıyoruz. Peki .env dosyasını Node uygulamalarında nasıl kullanacağız? Dotenv Nedir? Dotenv .env dosyası içerisinde oluşturulan değişkenleri process.env nesnesine otomatik aktarmak için geliştirilmiş olan ve herhangi bir bağımlılığı olmayan bir JavaScript kütüphanesidir. Bazen ayarlar için ve
Express router ile çalışırken alacağımız hatalarda bir tanesi şeklinde alınan hatadır. Bu hatanın oluş nedeni oluşturulan route export etmemektir. Bir route oluştururken şeklinde bitirirdiğimizde yani oluşturduğumuz router nesnesini dışarı aktarmadığımızda yukarıdaki hata oluşmaktadır. Bunu engellemek için şeklinde dışarı aktarmamız hatanın düzelmesi için yeterli olacaktır. Kod aşağıdakine benzer olmalıdır. Hata Neden Oluşuyor? Hatasının oluşma nedenine baktığımızda, router nesnesini
Express Js – Router.use() Requires a Middleware Function But Got … Hatası Read More »
Konuyu ele almadan önce hem JavaScript ve hemde JQuery nedir diye sormak gerekecek. Çünkü ikisi de bir birinden oldukça farklı şeyler. JavaScript JavaScript betik tabanlı popüler bir programlama dili. İlk zamanlar web sayfalarını etkileşimli hale getirmek için geliştirildi. Günümüzde ise frontend ve backend geliştirmelerden, oyun ve yapay zeka uygulamalarına kadar geniş bir alanda kullanılan çok
Metinleri daha okunabilir veya daha güzel hale getirme isteği eski zamanlardan beri vardır. Kullanıldığı yerler ile ilgili olarak farklı şekillerde düzenlenmeleri gerekebiliyor. İnternetin yaygınlaşması ve Html dilinin bir standart oluşturması ile birlikte metinlerin Html dönüştürülmesinin daha kolay yolları araştırılmıştır. Daha kolay ve daha hızlı bir şekilde metinleri oluşturmak ve onları Html diline çevirerek kullanmak için
Günümüzde uygulama geliştirirken kayıt altında tutacağımız bilgilere bir kimlik numarası (ID) vermek oldukça önemlidir. Bu ID ile istediğimiz bilgiye rahatlıkla ulaşabiliyoruz. Mesela veritabanında tutulan ürün bilgilerimiz olduğunu düşünelim her ürün için benzersiz bir kimlik no verirsek, o kimlik no ile ürüne çok hızlı şekilde ulaşabilir ve üzerinde işlemler yapabiliriz. ID oluşturmak için farklı yöntemler bulunur.
Diziler ile çalışırken bazı durumlarda filtreleme işlemleri yapmamız gerekir. Mesela üye listesi içerisinden daha önce yorum yapmış kullanıcıları listelemek isteyebiliriz. Kategoriler arasında gönderi olmayan kategorileri listeden çıkarmamız gerekebilir. Yada alışveriş sepetinde bulunan ama stoğu tükenmiş ürünleri alışveriş sepetinden çıkarmak isteyebiliriz. Eğer elimizde bir JavaScript dizisi varsa bunun içerisinden istediğimiz elemanları seçip alabiliriz. Bunun için Array filter metodu
JavaScript filter İle Array Filtreleme İşlemleri Read More »
Günümüzde çok sayıda ikon kütüphanesi bulunmakta. Bunlardan popüler olan bir tanesi de Bootstrap Iconsdur. Ücretsiz olan bu ikonları web sayfalarımızda ve uygulamalarımızda rahatlıkla kullanabiliriz. Bootstrap Icons kullanırken hem svg olarak ve hemde bir span içerisinde sayfamıza dahil edebiliriz. Normal hali ile hem web safyalarımızda ve hemde React uygulamalarımızda Bootstrap Icons kullanabiliriz. Fakat eğer React JS
Her programlama dilinin kendine göre özellikleri vardır. Kullanıldığı yerler farklıdır. JavaScript ile programlama yapacak kişi için ise geniş bir alan bulunmakta. İlk olarak web sayfalarına hareket katmak için geliştirilen JavaScript o günden bugüne çok gelişti. Farklı alanlar için uygulama geliştirilmeye başlandı. Günümüzde JavaScript ile web sayfalarına harika etkileşimler eklenirken, bununla birlikte masaüstü uygulamaları, mobil uygulamalar,
Uygulama geliştirmek aynı zamanda kullanıcı ile iletişime geçmek demektir. Kullanıcı ile iletişime geçildiğinde, bir çok durumda kullanıcıya bilgilendirme mesajları vermek gerekir. Mesela eğer editör bir yazıyı silmek için yazıyı sil düğmesine tıkladıktan sonra, yazı silinecektir, fakat bazı durumlarda yazı silinemeyebilir de. Bu gibi durumlarda eğer yazı silindi ise Yazı başarı ile silindi eğer bir sorun oldu ise Bir sorun oluştu.
Toastr İle Harika Bilgilendirme Mesajları Oluşturma Read More »
Uygulama geliştirmek hatalar ile birlikte yaşamaya alışmayı gerektirir. Hata yapmak için bir çok neden bulunmaktadır. Bunlardan birtanesi de kullanılan program veya kütüphanelerin yeni sürümlerinin çıkmasıdır. Bu nedenle uygulama geliştirirken kullanılan bileşenlerin dökümanlarının okunması ve yeni eklemeler veya kullanımdan kaldırılan özellikler araştırılmalıdır. React router dom ile çalışırken aldığımız hatalarda bir tanesi de hatasıdır. Bu hata genellikle
Error: […] is not a component. All component children of must be a or <React.Fragment> Read More »
Gelişen teknolojiler ile birlikte sanal dünyadaki oyunlar oldukça ilgi çekici olmaya başladı. Geniş bir eko sisteme ulaşan oyun sektörü geliştiriciler açısından da oldukça seviliyor. Bununla birlikte çok sayıda oyun geliştirme ortamı da mevcut. Farklı diller ile oyun yazmak mümkün. “JavaScript ile oyun yazılır mı?” sorusunun cevabı oldukça basit. Evet JavaScript ile oyun yazılır. Peki nasıl
Veriler ile uğraşırken iki farklı veri arasındaki ilişkiler önemlidir. Bu nedenle bu ilişkilerin iyi tespit edilerek tasarlanması gerekir. Veri yapıları tasarlandığında bir veri içerisinden ilişkili olduğu diğer veriye ulaşmanın kolay olması programcı açısından gereklidir. Bu yapılan işlemlerin daha hızlı olmasını sağlayacaktır. Mesela elimizde Uye adında bir veri var ve bu üyenin kayıt olduğu kurslar olduğunu
Bir uygulama geliştirirken uygulama isterleri, kullanmamız gereken teknolojiler ve geliştirici ekip önemlidir. React JS hızlı bir şekilde etkin arayüzler geliştirmek için tasarlandı. Bu nedenle eğer bir arayüz geliştirekseniz bunun için React kullanabilirsiniz. Bununla birlikte eğer bir backend uygulaması geliştiriyorsanız bu durumda ReactJS size yardımcı olamayacaktır. Bu farklı bir teknoloji veya bir dil araştırma gerekliliğini beraberinde getirir.
Bulunulan sayfadan farklı bir yere yönlendirme ihtiyacı olduğunda Redirect kullanıyoruz. Normal Link kullanımından farklı olarak sayfa render edilirken bulunulan adresi farklı bir adres ile değiştir. Farklı parametreler alan bu işlev React Router V6 da kaldırılarak yerini Navigate işlevine bıraktı. Redirect Kullanımı Bir sayfada yönlendirme yapacağımız zaman yapmamız gereken ilk olarak şeklinde import etmek ve sonrasında yönlendirilecek sayfayı to parametresi ile belirterek kullanmaktır. Mesela