Ana içeriğe atla

Kayıtlar

JavaScript etiketine sahip yayınlar gösteriliyor

Örneklerle JavaScript setDate Fonksiyonu Kullanımı

JavaScript web programlama dilinde setDate fonksiyonu tarih verisindeki günü istediğimiz güne ayarlamak için kullanılan fonksiyondur. Bu makalede setDate fonksiyonunun kullanımı örneklerle göreceğiz. setDate fonksiyonu kullanımı konusundaki en önemli noktalardan biri olan gün parametresinin nasıl kullanıldığı ve değer aralığı dışına çıkıldığında nasıl bir sonuç döndürdüğünü örneklerle anlatmaya çalışacağım. Fonksiyonun genel kullanımı Date.setDate(day) şeklindedir. Fonksiyon geriye günü istenilen tarihe değiştirilmiş gün döndürür.setDate fonksiyonunun örnek kullanımı aşağıdaki gibidir. var  d =  new  Date(); d. setDate ( 15 ); setDate fonksiyonu çok eski bir fonksiyon olduğu için tüm web tarayıcıları tarafından desteklenir. Genel fonksiyon tanıtımından sonra fonksiyona parametre olarak verilen gün değeri ile ilgili detayları paylaşmak istiyorum. Gün değeri normalde geçerli ay maksimum gün kadar belirlenebilecekken JavaScript setDate fonksiyonunda bu durum biraz farklı

Örneklerle JavaScript getDate Fonksiyonu Kullanımı

getDate fonksiyonu JavaScript web programlama dilinde tarih fonksiyonlarından biridir ve verilen tarih için gün değeri sonuç olarak döndüren fonksiyondur. Fonksiyonun genel kullanımı Date.getDate() şeklindedir. Yani bu fonksiyon bir tarihe uygulanır. Örnek kullanımı aşağıdaki gibidir: var  d =  new  Date(); var  n = d. getDate (); getDate fonksiyonu çok eski bir fonksiyon olduğu için tüm web tarayıcıları tarafından desteklenir. getDate fonksiyonun girilen tarih için gün değerini sonuç olarak döndürdüğü için sonuç aralığı 1 ile 31 değeri arasında olabilir. Örnek Uygulama Bu gün için gün değerini görmek için butona tıklayınız. Dene Sonuç: Örnek Uygulama Kodları: Bu gün için gün değerini görmek için butona tıklayınız.<br /> <button onclick="myFunction()">Dene</button> <br /> Sonuç:<br /> <div id="demo"> </div> <script> function myFunction() { var d = new Date(); var n = d.getDate(); do

HTML Script Defer Özelliği Nedir? Ne Zaman ve Ne İçin Kullanılır?

HTML5 script etiketinin 5 özelliği vardır. Bu özellikler async, charset, defer, src ve type özellikleridir. Bu makalemizde ayrıntılarıyla script DEFER özelliğini inceleyeceğiz. Diğer konuları da merak ediyorsanız özellik isimlerine tıklayarak ilgili sayfalarda konuları inceleyebilirsiniz. Script defer özelliği HTML5 ile birlikte gelen ve projeye harici kaynaklardan eklenen kod kaynakları için uygulanan bir özelliktir. Yani kullanılabilmesi için öncelikle src özelliğinin boş olmaması gerekiyor. Proje içindeki JavaScript dosyalarına uygulanması anlamsızdır. Script defer özelliği bir kaynak için belirtildiğinde sayfanın yüklenmesi tamamen bittikten sonra bu kaynaktaki kodların çalıştırılacağını ifade eder. Makale başlığındaki birinci soru olan " HTML Script Defer Özelliği Nedir? " sorusunun yanıtı da budur. Yani kaynak defer özelliği ile çağırılıyorsa bu kaynaktaki kodların tüm sayfa yüklemeleri bittikten sonra çalıştırılacağını ifade eder. Makale başlığınd

HTML Script Async Özelliği Nedir? Ne Zaman ve Ne İçin Kullanılır?

HTML5 script etiketinin 5 özelliği vardır. Bu özellikler async, charset, defer, src ve type özellikleridir. Bu makalemizde ayrıntılarıyla script async özelliğini inceleyeceğiz. Diğer konuları da merak ediyorsanız özellik isimlerine tıklayarak ilgili sayfalarda konuları inceleyebilirsiniz. Öncelikle konuya giriş yapmak açısından söylemem gerekiyor ki async özelliği script etiketinde sadece harici kaynaklar için kullanılan bir özelliktir. Örneğin projeniz belirli bir noktasında jquery kütüphanesini dışarıdan bir adresten yükleyecekseniz o zaman async özelliğini kullanabilirsiniz. Yani async özelliğinin kullanıldığı script etiketinin kaynağı harici kaynak olmalıdır. Peki bir harici kaynağın async olarak belirtilmesi ne anlama geliyor ve HTML script async özelliği nedir ? Bu konuya giriş yapmadan önce, konunun anlaşılması için öncelikle JavaScript dosyalarının nasıl çalıştırıldığından bahsetmem gerekiyor: Tarayıcıların web sayfalarını yükleme mantığına sayfanın başlangıcı

HTML "noscript" Etiketi, Çalışma Mantığı, Kullanım Amacı ve Kullanıldığı Yerler

Bir web sitesi HTML, CSS VE JavaScript'in kullanımı ile geliştirilir. Bunlardan HTML içerik işaretleme dili iken, CSS bu içeriğin nasıl görüneceğini düzenlemek için kullanılır. JavaScript ise web siteye fonksiyonellik kazandırır. Makalenin başında bu bilgileri vermemin amacı makalenin asıl konusu olan noscript etiketinin de HTML ve JavaScript ile ile ilgili olmasıdır. HTML genel olarak etiketlerden oluşan bir dildir. Bu etiketlerden biri de noscript etiketidir. noscript etiketi normal html etiketlerinden biraz farklı çalışır. Noscript Etiketinin Çalışma Mantığı: HTML çalışma mantığına göre etiketler yazıldıkları sıraya göre web arayüzünde görünürler. noscript etiketi içinde olan bilgiler ise sadece kullanılan tarayıcının JavaScript'i desteklemediği veya JavaScript özelliğinin aktif olmadığı durumlarda projeye eklenir. Bu etiketin diğer etiketlerden farkı ise etiket içinde script etiketinin eklenememesidir. Zaten eklenmesinin de bir anlamı yoktur. N

JavaScript - JSON Verilerini String Formatına Dönüştürme

Çeşitli ihtiyaçlardan dolayı JSON verilerini string formatına dönüştürmemiz gerekebilir. Bu makalemde de JSON formatında veya JavaScript nesnelerinin string formatına dönüştürmek için kullanılan metoddan bahsetmeye çalışacağım. Öncelikle çeşitli ihtiyaçlar derken karşılaştığım tecrübelerden birinden bahsetmek istiyorum. Karşılaştığım durumda veritabanından aldığım JSON verilerini web storage'a yazarken string formatında yazmam gerekiyordu. Sizin de buna benzer problemleriniz olabilir ve bu makalemde JSON verilerini JavaScipt web programlama dilinde string formatında dönüştürmek için kullanılan JSON.stringify metodunu inceleyeceğiz.

String JSON verilerini Javascript Objelerine Dönüştürme

Bu makalemizde metin halinde yani, string formunda JSON verilerini Javascript Objelerine Dönüştürme işleminin nasıl yapıldığını, bunun için hangi metodun kullanıldığı ve en en esası da string json verilerini ne zaman JavaScript objelerine dönüştürme ihtiyacı duyarız bunlardan bahsetmeye çalışacağım. JSON sözünün açılımı Javascript Object Notation'dır . Yani Javascript web programlama dilinin temel obje ve veri yapısı JSON üzerine kuruludur. Ama doğal olarak bu verilerin objelerde tutulması ile metin olarak json formatında tutulması arasında fark var ve çoğu zamanda bu iki yapı arasında geçişler baş vermektedir. Örneğin bir dosyadan JSON formatında tutulan bir veriyi, değişkenlere eşitlemek isteyebiliriz. Çünkü bir dosyadan metni okuduğumuzda bunun JSON formatı olarak değil metin olarak alırız ve buna sadece metni okuduktan sonra karar verebiliriz. İşte bu gibi durumlarda kullanacağım metot JSON.parse(text[, reviver]) metodudur. Makalenin devamında ise bu

JavaScript String.Format Metodu

Bu makalemizde Javascript programlama dilinde string.format yapısını inceleyceğiz. Öncelikle string.format derken neyi kastettiğimi biraz açıklamak istiyorum. Dinamik olarak bir metin oluştururken bu metnin bazı verileri değişkenlerden gelebilir. İşte bu değişkenlerden gelen verileri metin içinde nasıl birleştireceğimiz string.format konusuna girer. Anlatmak istediğim konuyu bir örnek üzerinden açıklamam gerekirse. Örneğin C# programlama dilinde var mesaj= String.Format("Toplam {0} kayıt bulundu",10); Bu yazının çıktısı " Toplam 10 kayıt bulund u" olacaktır.

AngularJS Controller İçinde Tarih Filter'inin Uygulanması ve Tarih Formatları

Bu makalemizde AngularJS'in özelliklerinden bir olan filter'ları ve bunun tarih formatları üzerinde nasıl uygulandığını anlatmaya çalışacağım. AngularJS için filter verileri belirli bir formata dönüştürme işlemidir.  Tarih filtresi de var olan bir tarihi istediğiniz formata dönüştürmek için kullanılır. AngularJS içinde hazır tarih formatları yer alsa da bu formatlar her zaman ihtiyacımızı karşılamayabilir. Bu gibi durumları da göz önünde bulundurarak makalemde genel olarak tarih verilerinin istediğiniz formata nasıl dönüştürülebileceğini anlatmaya çalışacağım.

JavaScript clearInterval Kullanımı

JavaScipt clearInterval Kullanımı JavaScript Web Programlama dilinde zamanlama işlemleri için kullanılan metotlardan bir tanesi de clearInterval metodudur. Bu metot setInterval metodu ile belirli aralıklarla çalışması için ayarlanmış işlemlerin iptal edilmesini sağlar. Buradan da şu sonucu çıkartabiliriz ki clearInterval metodunun kullanılabilmesi için öncelikle setInterval belirli aralıklarla çalışması ayarlanmış metot bir değişkene eşitlenmelidir. Konuya giriş yapabilmek için clearInterval komutunun kullanımı ile ilgili gerçek hayattan örnekler vererek başlayabiliriz. Örneğin ...

JavaScript setInterval() Metodu Kullanımı

Javascript SetInterval Kullanımı JavaScript web programlama dilinde zamanlama işlemleri için 4 fonksiyon bulunmaktadır. Bu fonksiyon setInterval, clearInterval, setTimeout ve clearTimeout metotlarıdır. Bu makalemizde JavaScript programlama dilinde yoğun olarak kullanılan setInterval metodunu inceleyeceğiz. Öncelikle setInterval metodunun ne olduğunu açıklayarak konuya başlamak istiyorum.  setTimeout metodu belirli aralıklarla fonksiyonu çalıştırmak için kullanılır. Tek cümleyle açıklayacak olursak setInterval metodu içerisine parametre olarak gönderilen bir fonksiyon, verilen zaman aralıklarında çalıştırılır. Örneğin 1000 milisaniye olarak ayarlanmış bir metot her saniyeden sonra tekrar çalışır. 

JavaScript clearTimeout Kullanımı

JavaScript clearTimeout Kullanımı clearTimout metodu setTimeout metodu ile zamanlanmış bir işlemin iptal edilmesi için kullanılan bir metottur. Bu makalemizde clearTimeout metodunun ne işe yardığını, ne zaman kullanıldığını ve kullanımını örneklerle inceleyeceğiz. Konuya giriş yapmadan önce setTimeout metodunu çok iyi anlamanız gerekiyor. Konuyla alakalı bilginiz yoksa öncelikle bu makaleyi inceleyerek setTimeout konusunu iyice kavramanızı öneririm. Mantık olarak da kısaca bahsedecek olursak setTimeout metodu işlemler için gecikme veya delay imkanı sağlar. Yani belirli bir işlemi çalıştırıldığı zamandan belirli bir süre sonra çalışmasını sağlar. clearTimeot metodu ise belirli süre sonra çalışması ayarlanmış işlemi iptal etmek için kullanılır.

JavaScript setTimeout Kullanımı

Bu makalemizde JavaScript web programlama dilinde çokça kullanılan bir fonksiyon olan setTimeout metodunu inceleyeceğiz. Makaleye giriş yapabilmek için öcelikle setTimeout metodunun ne işe yaradığını ve ne zaman kullanıldığını açıklamaya çalışacağım. setTimeout metodunun mantığını açıkladıktan sonra da bu metodun kullanımı ile ilgili örneklere değinerek konunun daha da pekişmesini sağlamaya çalışacağız. setTimeout metodu ismindeki time sözünden de anlaşılacağı gibi fonksiyonların ve ya belirli bir işin zamanlaması ile alakalı bir konudur. Temel kullanım şeklini, delay mantığına da benzetebiliriz. Örneğin, belirli bir iş yaparken bu işin hemen değil kodu okuduktan belirli bir süre sonra çalışmasını sağlamak istiyorsak setTimeout komutu bizim için vazgeçilmez çözümlerden biri olacaktır. Örneğin kullanıcının bir işlemi başlattıktan sonra 1 dakika içerisinde işlem yapmazsa tıklayacağı butonu deaktif etmek istiyorsanız aradığınız çözüm setTimeout metodu olabilir.

JavaScript Zamanlanama Fonksiyonları

JavaScript Zamanlanama Fonksiyonları Zamanlama işlemleri hemen hemen her programın olmazsa olmazlarından bir tanesidir. Zamanlama işlemleri derken ise belirli işlemleri gecikmeli veya belirli aralıklarla çalışmasında bahsediyorum. JavaScript web programlama dili yüksek seviyeli programlama dillerinden bir tanesidir ve dil yapısında zamanlama işlemleri için çok esnek bir yapı bulundurur. JavaScipt kütüphanelerinden biri olan JQuery kütüphanesi de hemen hemen bu zamanlama işlemlerinin doğru uygulamanmasına bir örnektir. Fırsatınız olursa bu kütüphanenin kodlarını da incelemenizi tavsiye ederim. Bu kütüphane zamanlanma işlemlerinin doğru kullanımının nasıl güzel effektler oluşturabileceğine en güzel örnektir... JavaScipt web programlama dili içinde 4 temel zamanlama metodu vardır.

Full Stack Developer Nedir?

Full Stack Developer kavramı Yazılım, bilgisayar, bilişim iş ilanlarında sıkça karşılaşılan bir terimdir. Türkçe diline çevrildiğinde çok anlamlı olmadığı için ben de çevirmeyi denemeyeceğim ve zaten bu makalemin amacı de Full Stack Developer'ın iş tanımlarının ne olduğunu açıklamaktır. Full Stack Developer Nedir? "Full Stack Developer Nedir?" sorusunun yanıtı için isminden biraz uzaklaşmak gerekir. Bunun için web uygulamalarının genel yapısına bakmamız lazım. Günümüz web uygulamalarınıda genelde yazılımlar front end ve back end bir birinden ayrıştırılarak geliştirilir.( Bu durum Asp.net, PHP ve başka sunucu bazlı diller için geçerli değil. Genelde service tabanlı web uygulamarı için geçerlidir. Özellikle popüler JavaScript kütüphaneleri sayesinde giderek artan bir tercih oranına da sahiptir.) 

AngularJS Türkçe Karakter Sorunları

AngularJS ile çalışırken sıkça yaşanan sıkıntılardan bir tanesi de Türkçe değişken tanımlama sıkıntısıdır. Eğer nesne veya değişken tanımlama için diğer programlama dillerinde aynı zamanda javascriptteki gibi türkçe karakterler ı, ş, ğ, ü, ç, ö, kullanırsanız çalışma sırasında hata alacaksınız. Bu yüzden AngularJS ile çalışırken dikkat etmeniz gereken en önemli noktalardan bir tanesi değişken ve nesne tanımlamalarında Türkçe karakter kullan MA maya dikkat etmektir. Bir diğer önemli nokta da eğer uygulamanızın sunucu tarafından gelen objelerde Türkçe karakter kullanılmışsa ve bu nesneler de çalışma zamanında hata olmasına neden olacaktır ve Türkçe karakterlerin değiştirilerek ingilizce alfanumerik karakterlere dönüştürülmelidir. Bu noktada önemli olduğu için söylemek istiyorum. AngularJS ile çalışırken Türkçe karakter sorunu ile sadece değişken, nesne ve ya özellik tanımlaması sırasında sorun yaşarsınız. Türkçe karakterlerin ekranda gözükmesinde bir sıkıntı yaşamazsınız. Eğer böyle

Visual Studio Go To Definition Çalışmıyor Sorununun Çözümü

Visual Studio ile çalışırken karşılaşacağınız sorunlardan bir tanesi "Cannot navigate to the symbol under the caret" olabilir. Bu sorunun kesin çözümü için yapılması gerekenler bu kısa makalede anlatılacaktır. Ayrıca bu sorunu çözeümünün ekran görüntülerini de sizinle paylaşacağım. Öncelikle bu hatanın neden oluştuğundan bahsetmek istiyorum. Bu sorunun temel nedeni Visual Studio Go To Definition eklentisine kullandığınız programlama dilinin tanıtılmaması veya bir şekilde bu tanıma işleminin devre dışı kalması ile alakalı olabilir.

Web Sitelerinde Dinamik ID Kullanımı

Öncelikle konu başlığındaki Dinamik ID derken ne kastettiğimi anlatmak istiyorum. Bunun için bir örnek üzerinden konuyu açıklayarak konuya başlayacağım. Basit olabilmesi açısından elinizde bir tablo olduğunu düşünün. Bu tablodaki verileri tablodaki belirli bir özelliğe göre kategorize etmek istiyorsunuz. Kategorize ettikten sonra da örneğin Bootstrap Collapse kullanarak sadece tıklandığında göstermek istiyorsunuz. Sizin senaryolarınız da benzerlik içeriyorsa anlatacağım konu size faydalı olabilir. Bu işlemleri dinamik olarak yapabilmenin anahtar noktalarından bir tanesi de two-way binding destekli JavaScript Frameworklerinden birini kullanmaktan geçer.

JavaScript - Dizilerde FILTER Kullanımı

Javascript dilinde diziler üzerinde sorgulama yapmak için for, while, do while yada foreach döngüsünü kullanmaktansa doğru yöntem filter metodunu kullanmaktır. Bu metodu kullanmak kodunuz okunabilirliğini artıracak aynı zamanda kodunuz daha profesyonel görünmesi ne yardımcı olacaktır. Filter'ler adından da anlaşılacağı gibi dizi içindeki verilere filtre uygulamayı sağlayan bir metottur. Bu metot içine parametre olarak gönderilen metotla dizi içinde filtreleme yapılarak istenilen verilere ulaşılabilir. Filtreler aynı zamanda verilerin istenilen formatta gözükmesi için de kullanılır. Örneğin dizideki bir özellik tarih verisi ise bu veriyi istediğimiz tarih formatında göstermek için filter metodunu kullanabiliriz. JavaScript için yazılmış birçok framework içinde de kendi filtreleme kütüphaneleri vardır. Bunlardan en çok kullanılanı ve tercih edileni de AngularJS'in sahip olduğu filtreleme mantığıdır. Biz bu makalemizde ise saf JavaScript içinde bulunan filtreleme mantığını örnek