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
Gençay Yıldız’ın javascript ile ilgili yazıları.
Merhaba, Bu içeriğimizde Ionic ekibi tarafından geliştirilmiş olan ve Angular, React, Vue.js vs. gibi web uygulamalarının mobil platformlarda çalıştırılabilmesini sağlayan bir köprü(bridge) ve runtime çözümü olan Capacitor teknolojisini inceliyor olacağız. Capacitor Nedir? Capacitor; Angular...
Merhaba, Bir önceki QrCode Nedir? QRCode.js ve QRCoder Kütüphanelerini Kullanarak QrCode Oluşturma başlıklı yazımızda QrCode nedir ve nasıl oluşturulur detaylıca incelemiştik. Bu içeriğimizde ise instascan.js kütüphanesi ile QrCode okumayı inceleyeceğiz. Şimdi hiç vakit kaybetmeksizin...
Merhaba, Çağımızın gereği en önemli unsur ‘bilgi’… Dolayısıyla hayatımız bilgi merkezli bir yaklaşımla şekillenmekte ve bu yüzden günlük yaşantımızda belirli ihtiyaçlar ortaya çıkmaktadır. Bu ihtiyaçlardan en önemli ve hassasiyet gerektireni, bilginin bir yerden başka...
Merhaba, JavaScript ile seçili metini aşağıdaki gibi elde edebilirsiniz. “SeciliMetiniGetir” isimli metod sayesinde seçili olan metin elde edilmektedir. İyi çalışmalar…
Merhaba, JavaScript ile ek pencere açmak istiyorsanız aşağıdaki komutu kullanabilirsiniz. İyi çalışmalar…
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, Eğer ki, JavaScript ile elinizdeki dosyaların uzantısını belirlemek istiyorsanız aşağıdaki fonksiyonu gönül rahatlığıyla kullanabilirsiniz. İyi çalışmalar…
Merhaba, Genellikle Asp.NET MVC mimarisinde Ajax işlemleri için kullanılan AjaxOptions nesnesi üzerinde nasıl animasyon işlemleri gerçekleştirileceğine değineceğiz. Hemen konuya girersek eğer aşağıdaki yapılanma üzerinden örneklendirme yapacağız. Şuana kadar yapılan işlemlerde linke tıklandığı vakit “Alan”...
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...
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…
Bu yazımızda jQuery ile Ajax işlemlerini daha pratik yapabilmemizi sağlayan $.post fonksiyonu üzerine konuşacağız.jQuery 1.0 versiyonuna eklenmiş olan bu fonksiyon sayesinde daha hızlı ve kullanışlı bir biçimde Client tabanlı Server ilişkilerimizi kurabileceğiz. İçeriğimizi Asp.NET...
Ö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...
jQuery ile bir text elemanına girilen metinsel değerin karakter sayısını “keyup” eventıyla hesaplayabiliriz. “keyup” olayı, text elemanına her bir karakter girildiğinde tetiklenmektedir.Haliyle her girilen karakter neticesinde tetiklenen bu “keyup” olayı sayesinde o anda metinsel...
Sosyal Ağlar arasından en canlısı olarak varsayabileceğimiz Twitter’da takipçilerinizi arttırmanın tek gelir geçer yolu takip ettiklerinizi arttırmaktır.Nedendir bilmiyorum ama insanların psikolojisi bu şekilde tetiklenmekte, her 3 kişiden 1 i takip edeni yüksek ihtimal takip...
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...
Asp.NET MVC mimarisinde Ajax işlemleri gerçekleştirirken sunucuya nesne tipinde veri gönderme mecburiyeti hissedebiliriz.Böyle bir durumda varacağınız nokta genellikle JSON veri formatıdır.Bu yazımızda, Asp.NET MVC’de Ajax ile JSON formatında veri nasıl Post edilir? ve bu...
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...
Günümüz web projelerinin en gözde özelliklerinden biriside kullanıcıya zaman kazandırmaktır.Yani kullanıcıya Post – Back işleminden bağımsız bir şekilde hizmet verebilmek oldukça önemlidir.Biliyorsunuz ki, bunu Ajax gibi Client tabanlı teknolojilerle gerçekleştirebiliyoruz.Bu yazımızın içeriğini Asp.NET MVC...
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.
Web dalında ne yazık ki hayatımıza derinden nüfus eden JavaScript’in oldukça basit ve ufak tefek teknik işlevlerini bilmemizde oldukça fayda vardır.Yaptığımız işe hem görsel hemde işlevsellik açısından büyük katkıları olduğu için bu tarz tekniklere...
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.
Web sayfalarında Client tabanlı programlamayı JQuery ile gerçekleştiriyorsak eğer HTML Componentlerine ulaşabilmemiz gerekmektedir.Lakin ben buna ulaşma yerine seçme terimini daha uygun buluyorum.JQuery ile seçtiğimiz HTML nesnesi üzerinde istediğimiz işlemleri asenkron bir yapıda gerçekleştirebiliyoruz.
Asp.NET MVC’de JQuery İle İç İçe Bağımlı DropDownList(Cascading DropDownList) başlıklı yazımda iki DropDownList arasında bağlantı oluşturmuştuk.Ana DropDownList’ten seçilen bir veriye bağlı değerler ikinci DropDownList nesnemizde listeleniyordu.Lakin bu yazımda gördüğüm en büyük eksiklik ana DropDownList’ten...
Günümüz web sitelerinde SEO amaçlı etiket tagları her alanda kullanılmaktadır.Blog, forum ya da portal gibi projelerde çalışan yazılımcılar için etiket taglarını yazdıracak JQuery ile görselleştirilmiş etiket inputunu paylaşıyorum.Etiket textimizin görseli yukarıdaki gibidir. Etiket Input
İnternette bulunan hazır HTML&CSS templateler kullananlar, Myriad Pro Türkçe versiyon sıkıntısı yaşayabilirler.Bu durumu düzetlemenin pratik bir yolunu sizlerle paylaşacağım.Tasarım dosyaları arasında “js” ya da “scripts” isminde klasör bulunmaktadır.Bu klasöre içinde “Myriad_Pro_300.font.js”,”Myriad_Pro_400.font.js”,”Myriad_Pro_600.font.js” gibisinden JavaScript dosyaları...
İnternet kullanıcıları olarak bir foruma ya da sisteme kayıt olurken genellikle kayıt formlarında DropDownList nesnesi sayesinde bulunduğumuz şehri seçip ardında ilgili şehirle alakalı ilçelerin diğer DropDownList nesnesinde listelendiğini görürüz.Bu işlem Asp.NET Web Form platformunda...
Asp.NET MVC projelerinde JQuery ile bir butona sayfayı Post ettirmek için aşağıdaki kodu kullanabiliriz. View katmanında bulunan butonumuz, JQuery kodlarımız, Bu JQuery kodu “[HttpPost]” attributeuyla işaretlenmiş ActionResult tipinden metodlarıda tetiklemektedir. Faydalanmanız dileğiyle..
Yavaş yavaş web siteler de görselliğin hat safhaya ulaştığını görmekteyiz.Üç boyutlu grafiksel raporlardan tutunda, değişik değişik animasyonlara kadar bu iş aldı başını gidiyor.(Tabi bu kasteddiğim olaylar Flash ve Silverlight gibi animasyon tabanlı yazılımlarla oluşturulmamış...
Gün geçtikçe web siteleri daha görsel ve esnek yapılara bürünüyorlar.Bizim bundan eksik yanımız ne?Sizi bilmem ama benim bundaki eksik yanım Jqeury 🙂 Bu nimeti kullanmayı seviyorum ama öğrenmek gibi bir niyetim yok açıkcası. Şimdi...
Çoğu sitede gördüğümüz gibi Facebook,Twitter,Google vs. gibi sitelerin paylaş butonları mevcut.Aslında bu işlemi gerekli kod eklentileriyle yapmak mümkündür ama sharethis.com adresi bize daha çok paylaşım sitesi imkanı sunarken, css javascript gibi teferruatlarıda kendisi halletmektedir....
