Yazılım Mimarileri ve Tasarım Desenleri Üzerine
C#, .NET Core, Asp.NET Core, LINQ, Web Service, jQuery, T-SQL, SQL Server, Ajax, OOP, Design Patterns, Design Principles, Entity Framework Core, Angular 17+, Node.js, Express.js, MongoDB, NoSQL, Azure(Storage, Functions), RabbitMQ, Docker, Redis, SignalR, IdentityServer4, OData, OpenIddict, Microservices, AWS
Merhaba, Web projelerimizde yer yer hazır template üzerinde çalışmalarımızı gerçekleştirmekteyiz. Haliyle bu çalışmalarda jQuery kütüphanesi, ilgili tasarımın farklı projelerinde kullanılan kütüphaneler ile çakışabilmekte ve özellikle jQuery’nin ifadesi olan $ syntaxını kullanamaz hale getirmektedir. İşte...
Merhaba, Her fırsatta bahsettiğim gibi web projelerimizde öncelikli işimiz, kullanıcılara hizmet sağlayabilmek amma bu hizmeti olabildiğince performanslı bir şekilde sağlayabilmektir. Bir web sitesinin işleyişi, hizmeti, sınırları ve özellikleri her ne kadar geniş ve zengin...
Merhaba, Bu içeriğimizde, JavaScript dilinde elimizdeki veriler üzerinde nasıl tip çevrimi yapacağımızı ve bu işlemlerde kullanacağımız yardımcı operatörleri inceleyeceğiz. typeof Operatörü Elimizdeki verinin tipini öğrenmemizi sağlayan operatördür. Bir Değeri Metinsel(string) Tipe Çevirme Bu işlem...
Bir select html nesnesinin seçilen eleman(lar)ının değerini aşağıdaki örnek kod parçasında olduğu gibi elde edebilmekteyiz. İşte bu şekilde seçilen elemanların değerlerini elde edebilmekteyiz. Kolay gelsin…
Elimizdeki bir html eleman kümesinin içerisinde tek(odd) ve çift(even) elemanları yakalamak istiyorsak eğer kullandığımız parametrelerdir. Aşağıdaki yapıyı ele alırsak eğer, üzerinde şu şekilde çalışabiliriz. İyi çalışmalar…
Elimizdeki html eleman kümesinde ilk(first) ve son(last) elemanlara erişmemizi sağlayan parametrelerdir. Aşağıdaki yapıyı ele alırsak eğer, şöyle bir çalışma gerçekleştirebiliriz. İyi çalışmalar…
jQuery’de eşitlik durumlarını kontrol eden ve aslen equalizer ifadesinin kısaltması olan eq fonksiyonunu inceleyeceğiz. Aslında bir operatör tarzı kullanıma sahip olan bu fonksiyonun çalışma mantığı şöyledir ki, bir eleman kümesinde indexi verilen elemanı yakalamamızı...
jQuery ile elimizdeki html elemanlarına özellik ekleyip – çıkarma işlemini yapmamızı sağlayan prop fonksiyonu üzerine konuşacağız. Hemen prototipine bakarsak; şeklinde kullanım ile verilen özelliğe karşılık değer girilecektir. Eğer aşağıdaki gibi bir prototip kullanırsak; mevcut...
Merhaba, Asp.NET MVC’de Ajax ile post işleminin yanında ayriyetten get işlemide olmazsa olmaz bir talep seçeneğidir. Haliyle gelin şimdi bu içerikte jQuery kütüphanesi eşliğinde Asp.NET MVC mimarisinde nasıl Get işlemi gerçekleştiriliyor detaylıca inceleyelim. Öncelikle...
Merhaba, Asp.NET Web Form uygulamalarında Ajax ile post işlemleri için genellikle UpdatePanel kullanmaktayız. Lakin bu içeriğimizde UpdatePanel gibi Ajax Componentlerini işimize alet etmeden saf bir manuel kodlamayla bu işlem nasıl gerçekleştiriliyor inceliyor olacağız. Mevzu...
Merhaba, jQuery’de bir each döngüsüne girdiniz ve program akışını belli bir sınırda bekletmek istiyorsunuz. Tabi ki de hemen aklınıza setTimeout fonksiyonu geliyor ve aşağıdaki işlemi gerçekleştiriyorsunuz. Hobpp balaa! each fonksiyonu içerisinde setTimeout fonksiyonunu yukarıdaki...
Bu yazımızda jQuery’de setTimeout fonksiyonunu kullanarak zamanlama işlemini gerçekleştireceğiz. setTimeout fonksiyonu, belirtilen milisaniye cinsinden bir tür program akışını bekletme görevi görmektedir. Yukarıdaki kod bloğunu incelerseniz eğer, “btnYonlendir” id değerine sahip butona tıklandığında 3000 milisaniye(3...
jQuery mimarisinde html elemanlarına bağlanan click, mousehover vs. gibi olaylar fiziksel olarak tetiklendikleri zaman çalışmaktadırlar. Örnek olarak bir a(link) elemanını baz alırsak eğer, click olayı a elemanına tıklandığı zaman çalışacaktır. trigger fonksiyonu sayesinde, a...
jQuery ile sayfa yönlendirmek için aşağıdaki komutları kullanabilirsiniz. Aynı işlem için Windows kütüphanesinide kullanabiliriz. Farklı komutlarlar ile… Hazır buraya kadar gelmişken JavaScript ile geri ve ileri komutlarından da bahsedelim… İyi çalışmalar dilerim…
Bu yazımızda Asp.NET MVC mimarisinde Ajax ile dosya yükleme(file upload) işlemini ele alacağız.Yazı içerisinde paylaşacağım bir adet jQuery kütüphanesi ile yapacağımız bu işlem sayesinde Ajax tabanlı çalışarak, dosyaları servera gönderebilecek ve bu esnada belirli...
Bu yazımızda kullanıcıdan talep edilen hayati önem taşıyan bazı bilgilerin alınması esnasında kullanılan bir yapıdan bahsedeceğiz.Genellikle bankaların internet şubelerinde kullanılmakta olan KeyPad yapısı sayesinde kullanıcıdan alınan şifrenin keyloger gibi programlar tarafından kaydedilmesini önleyebilmek, ve...
Bu yazımızda, oluşturduğumuz web sitelerinde genellikle bilgi, reklam ve benzer amaçlarla açılan pencere, lightbox ve modal alanlarının kapatılması için kullandığımız bir olaydan bahsedeceğiz.İlgili alanı hedef alan olarak nitelendirirsek eğer bu alan dışındaki tıklanma işlemleri...
Elimizde bir Checkbox listesi olduğunu varsayalım ve bu listede seçilen checkbox elemanlarının değerlerine nasıl ulaşabileceğimizi inceleyelim. Elimizdeki checkbox listesi bu şekilde olsun.Burada dikkat etmeniz gereken temel husus checkbox listesinin bir üst nesne içerisinde bulunmasıdır.Yukarıdaki...
Aşağıdaki komutlar aracılığıyla jQuery ile sayfayı refresh edebilmekteyiz. . . . ve diğer 500+ küsür yöntem için buraya tıklayınız…
CKEditor modülünü kullandığım bir projede jQuery ile CKEditor’un value değerini elde etmeye çalıştım, çabaladım lakin bir türlü ne yaptıysam başaramadım.Beni bu kadar zahmete düşüren bu basit sıkıntının çözümü için CKEditor modülünün fonksiyonlarını kullanmamız gerektiğini...
Önceki yazımlarımdan olan jQuery’de live Fonksiyonu İle Yeni Eklenen Elemanlara Müdahale Etme başlıklı yazımda, yeni eklenen elemanlara live fonksiyonu ile müdahale etmeyi irdelemiştik.İlgili yazıda live fonksiyonun neden ve nasıl kullanıldığını sebepleriyle izah etmiş, bunun...
jQuery ile dinamik bir şekilde html elemanlarımızı işaretleyebiliyor ve istediğimiz müdahaleyi gerçekleştirebiliyoruz.Lakin bilinen bu işlemlerin hemen hemen hepsi $(document) üzerinde yani DOM’da olan ve sayfaya yüklenen nesneler için geçerlidir.Peki, biz jQuery ile yeni bir...
Web projelerinde, veritabanında bulunan binlerce satırlık verilerle hizmet vermemiz gereken noktalarda sayfalamayı tercih ederiz.Bunun en temel noktası kullanıcılara görsel olarak yeterli veri akışı göstermenin yanında, server’da oluşturulan sitedenin performans açısından daha hızlı derlenebilmesi, veritabanına...
Web sayfalarında verilerimizi listelerken sayfalamaya ihtiyaç duyuyoruz.Bu ihtiyacın temel kaynağı binlerce veriyi tek sayfada yoğunlaştırıp kullanıcıları yormamak olsa da serverdan gelen veri yoğunluğunu azaltmak ve sayfa oluşum aşamasındaki negatif etkileri ortadan kaldırmak gibi faktörlerde...
JQuery kütüphanesinin fadeOut ve fadeIn fonksiyonları, belirli elemanları gizleme – gösterme işlemlerinde animasyonlu bir görüntü sergilemektedirler. HTML kod yapısını ele alalım. Yukarıdaki kod bloğundaki kullanım tarzı “Div1” id değerine sahip elemanı animasyonu bir biçimde...
Bir radio listesinde seçilen elemanın JQuery ile değerini aşağıdaki komutla alabilirsiniz. Örnek bir kullanım isterseniz eğer aşağıdaki kod yapılarını inceleyiniz. Uygulamamızın ekran görüntüsü aşağıdaki gibi olacaktır.
HTML nesnelerine dinamik bir şekilde ulaşmamızı sağlayan JQuery ile ulaştığımız o anki nesnenin bulunduğu üst elemanlara ulaşmayı parent fonksiyonu ile gerçekleştirebilir.Bu makalemizin içeriği bu fonksiyonun geniş kullanımını içermektedir. Yukarıdaki HTML kod bloğunu örnek olarak...
Listelenmiş bir tablodan JQuery ile nasıl dinamik bir şekilde satır silebiliriz?Bu işlemi gerçekleştirirken ilgili satırdaki veriyi fiziksel olarak nasıl veritabanından da silebiliriz? gibisinden sorularla çok karşılaşıyoruz.Bu sorulara cevap niteliğinde bu makalemizi oluşturmaya karar verdim.O...
jQuery ile Post edilen bir form nesnesinin içinde bulunan veri giriş nesnelerinin değerlerine ulaşmak oldukça basit bir mantık gerektirmektedir.Hiç bir ek bilgiye ihtiyaç duymaksızın, jQuery – Bir Nesnenin İçinde Bulunan Nesnenin Style Yapısına Müdahale...
jQuery ile html nesnelerinin style yapılarına rahatlıkla müdahale edebiliyor ve hatta CSS özelliklerindeki değerleri okuyabiliyorduk.Peki bir html nesnesi içinde bulunan farklı ya da benzer başka bir nesnenin style yapısına nasıl müdahale edilebilir diye merak...
jQuery ile bir nesnenin html tagının, id özelliğinin ve class değerinin style yapılarına müdahale etmeyi belirtilen adreslerdeki makalelerde değinmiştik.Bu yazımızda ise bir nesnenin CSS özelliğine ulaşmayı ele alacağız.
Önceki yazılarımda bir id ve tagın jQuery ile style yapısının nasıl değiştirildiğini incelemiştik.Şimdi ise bir Class yapısının style yapısını değiştirmeyi inceleyeceğiz.
Bir önceki jQuery – HTML Tagın Style Yapısına Müdahale başlıklı makalemde jQuery ile HTML tagların style yapısına müdahaleyi irdelemiştik.Bu yazımızda ise herhangi bir id değerinin style yapısına müdahale etmeyi inceleyeceğiz.Hatırlarsanız eğer yukarıda belirttiğim yazımda...
Web projelerinde işleyiş genellikle web tasarımlarıyla başlamakta ardından yazılımsal olarak devam etmektedir.Haliyle tasarlanan tema renksel ve yapısal olarak statik bir fizilsellik göstermektedir.Bazı durumlarda site temalarında dinamik olarak renksel ya da yapısal değişiklikler olması gerekmektedir.Eee...
Bir web sitesine Scrollbar aşağıya doğru kaydıkça sitenin üst kısımlarına dönmeyi kolaylaştıracak “Yukarı Çık” butonu koymak iyi fikir gibi geliyor.Hem sitenin üst kısımlarını kullanıcıya hatırlatacaktır hem de görünmeyen üst kısımlarda slayt vs. gibi değişken...
Bir web projesinde harici dosyayı açıp içeriğini gösterebilmek için JQuery kütüphanesinden “load” fonksiyonunu kullanabiliriz.İçeriği gösterilen dosya fiziksel olarak server tarafında bulunması gerekiyor ya da fiziksel dosya yolunu tam olarak belirtebildiğiniz dosyalarda hiç bir problem...
C# diline özel foreach döngüsüne niteliksel olarak benzerlik gösteren JQuery’de de each fonksiyonundan bahsedeceğiz.Dizi ya da koleksiyon benzeri yapılardan elemanlara teker teker ulaşıp işlem yapmamızı sağlar.Prototipi aşağıdaki gibidir. Gördüğünüz gibi each fonksiyonu iki parametreden...
Aşağıda JQuery ile when done kontrolünü kullanmaya bir örnek gösterilmektedir. Yukarıdaki JQuery kodlarını incelersek eğer, when bloğu içine bir dizi yerleştiriyoruz.done bloğu içinde oluşturulan fonksiyonun parametreleri sırasıyla dizideki indexleri temsil etmektedir.Gördüğünüz gibi bu kontrol...
JQuery ile Ajax istekleri sonuçlarının doğru dönüp dönmediğini when then kontrolü ile kontrol edebiliriz. Aşağıdaki prototipi inceleyiniz. Gördüğünüz gibi Ajax isteğini when bloğunda kontrol ettikten sonra then bloğunda iki parametre alınmaktadır.Eğer Ajax isteği doğruysa...
Önceki yazılarımdan JQuery – Ready() Fonksiyonu başlıklı yazımda Ready fonksiyonuna değinmiştik.Hatırlarsanız eğer Ready fonksiyonu sayfa yani document yüklenir yüklenmez devreye giren bir fonksiyondu.Hatta bu fonksiyonu Asp.NET’te ki Page_Load metoduna benzetmiştik.holdReady fonksiyonu ile Ready fonksiyonunu...
JQuery kodlamaları sırasında harici .js dosyaları kullandığımız zamanlarda olmaktadır.Bu durumlarda harici dosyaların o anki sayfaya doğru şekilde entegre edildi mi edilmedi mi kontrol etmek için getScript fonksiyonunu kullanıyoruz.Bu kontrolü nasıl yaptığımızı anlatabilmek için “harici.js”...
JQuery Ready() fonksiyonu ile sitenin açılışında belirli çalışmalar gerçekleştirebiliriz.Asp.NET’te Page_Load Event’ına benzer nitelikte olan Ready() fonksiyonu sayesinde sayfanın yüklenip yüklenmediği gibi bilgileri gösterebiliriz. Yukarıdaki kod bloğunu incelerseniz eğer Ready() fonksiyonu tetiklendiği zaman yani sayfa...
Bu yazımızda JQuery dilinde jQuery.noConflict() metodunu inceleyeceğiz.JQuery dilinin varsayılan temel ana unsuru $(dolar) işareti olduğundan dolayı birden fazla JQuery işleminde ya da farklı JavaScript Framework’lerinin kullanılması sırasında $ operatörlerinin çakışması sonucu alınan hataları engellemek için jQuery.noConflict()...
Aşağıdaki JQuery kodu ile ListBox ya da DropDownList gibi <select></select> yapıdaki nesnelerde seçilen elemanların Value değerine ulaşabilirsiniz.
Bir yılı aşkın Asp.NET MVC mimarisine yoğunlaştığımdan dolayı haliyle Asp.NET mimarisiyle bazı kopuşlarımız olmuş.Teknik olarak ve Component kullanımında bir kaç adım geride kalmış olduğum bu mimarinin başına oturdum ve eski bilgilerimi tazeleyip, üstüne yeni...
Yapısal olarak XML diline benzeyen, veri taşımak için oluşturulmuş standart bir Object JavaScript dilidir.JSON(JavaScript Object Notation), JavaScript içerisinde kolayca işlenebilme özelliğine sahiptir.Bu özelliği yüzünden genellikle Ajax platformunda tercih edilmektedir.JSON ile düzenlenen bir veri yapısına...
