Bercan Özcan

Kategori: JavaScript

  • Nuxt.js 2’nin Son Demleri: Neden Nuxt 3’e Geçiş Yapmalısınız ?

    —

    kategori:

    Nuxt.js, Vue.js tabanlı bir web uygulama çatısıdır ve modern web uygulamalarının geliştirilmesi için popüler bir seçenek haline gelmiştir. Ancak, her teknoloji gibi, Nuxt.js de sürekli evrilmekte ve yeni versiyonlara geçmektedir. Yakın zamanda, Nuxt.js ekibi, Nuxt 2’nin son sürümünü yayınladı ve artık bu versiyona yönelik yeni özellikler veya güncellemeler sunmayacaklarını duyurdu. Bu gelişme, geliştiricileri Nuxt 3’e…

  • Javascript ile n Elemanlı m Diziden Kombinasyon Oluşturma

    —

    kategori:

    E-ticaret projelerinde varyasyonlu yapıları kombine etmeyi bir çok yolla yapabilirsiniz. Ancak kod kalitesi ve performans olarak bakarsak, işinize yarayacak, benim de kullandığım, en basit çözüm aşağıdadır. Kullanımı:

  • Yarn Nedir? Yarn Paket Yöneticisi Nasıl Kullanılır?

    —

    kategori: , , ,

    Yarn, Facebook’un npm karşısında yaşadığı sorunlara karşılık, mühendisleri tarafından çıkarılan ve javascript projelerinde kullanılan güvenli bir paket yöneticisi olarak adlandırılabilir. Npm projelerinde kolaylıkla kullanabilirsiniz. Proje dizininde yarn çalıştırabilirsiniz. Npm ile ortak özelliği, ikiside package.json dosyasına bakarak gerekli dosyaları yüklemenizi sağlar. Kurulduktan sonra yarn.lock dosyasını projenin ana dizininde kendi oluşturacaktır. Yarn Özellikleri Daha stabil ve güvenlidir.…

  • PHP Yazdır (Print) Scripti jQuery

    —

    kategori: ,

    Pratik bir şekilde fatura yazdırmak veya fatura alanını özel tasarlamak istiyorsanız aşağıdaki script işinizi görecektir. Ben PHP ile yazdığım tüm projelerde kullanıyorum. Betiğin çalışmaşı için jQuery ihtiyacı vardır.

  • Elasticsearch Destek, Elasticsearch Çözümleri

    —

    kategori: , , , , ,

    Java ile geliştirilmiş açık kaynak, lucene tabanlı, ölçeklenebilir bir tam metin arama ve veri analiz sunucusudur. Destekleyen web arabirimi ve şemasız JSON belgeleri ile çok kanallı, dağıtılmış, tam metin arama motoru hizmeti sağlamaktadır. Her türlü belgeyi aramak için kullanılabilir. Ölçeklenebilir, gerçek zamanlı arama sağlar ve çoklu ortam kullanımını destekler. Dağıtıldığı için, indeksler parçalara bölünebilir ve…

  • Elasticsearch ve PHP [Başlangıç]

    —

    kategori: , , ,

    Elasticsearch kurulumu için öncelikle sunucuda JAVA yüklü olmalıdır. Bu sebeple bir çok linux dağıtımının depolarında mevcut olmadığı için şu şekilde kurulumu yapıyoruz; Bu şekilde JAVA sistemimize yüklenmiştir. Şimdi versiyonunu kontrol ederek yüklenip yüklenmediğine bakalım. Komutu ile kontrol edebiliriz. Elasticsearch Kurulumu Elasticsearch’ün ne olduğunu bildiğinizi varsayarak devam ediyorum. Linux sunucunuza Elasticsearch kurulumu için öncelikle en güncel…

  • AngularJS – Giriş

    —

    kategori: ,

    AngularJS, Google’nin desteklediği, javascript temeline dayanan bir kütüphanedir. Model, contorller ve view yapılarından oluşmaktadır. MVC yapılardan aşina olduğunuz varsayarak zorlanmadan konuya hakim olacağınıza eminim.

  • Asenkron Nedir ?

    —

    kategori:

    Facebook ve Twitter’ın yükselişi ile birlikte, özellikle sosyal ağlarda anlık veri akışına alışır duruma geldik. Bildirimleri veya bize gelen mesajları görüntülemek için sayfayı yenileme işlemi geçmişte kalmış eski bir anı oldu. Peki, bu altyapıyı kullanan web siteleri bu gücü nereden alıyor? İşte, bu yazıda bu teknolojinin altında yatan mantığı temel olarak inceleyeceğiz. ‘Asenkron nedir‘e geçmeden…

  • Ajax ile Çoklu Selectbox Seçimi Yaptırma

    —

    kategori:

    Bir formdan gelen selectbox id sine göre başka bir dosyada oluşan kodları ekrana yazdıracağız. İşlem normal jQuery işlemidir. jQuery kullandığımız için jQuery dosyasını ya dosya olarak kaydetmeliyiz yada jQuery resmi sayfasından çekmeliyiz. Bu işlemi yaptıktan sonra deneme.php adında bir dosya oluşturun. <title>jQuery SelectBox Çalışması @bercanozcan</title> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> function liste1(GonderilenId) { $('#liste1').load('sonuc.php?id='+GonderilenId );…

  • Javascript E-Posta Kontrolü

    —

    kategori:

    Geliştirmiş olduğunuz sistemlerde, formunuza girilen verilere Javascript ile müdahale edebeilirsiniz. Öyleyse form alanmıza girilen epostayı kontrol ettirme ile başlayabiliriz. Bunun için RegEx kullanmamız gerekmektedir. <script> function kontrolet() { var mail = document.getElementById("email").value; var regex = /^[a-zA-Z0-9._-]+@([a-zA-Z0-9.-]+.)+([.])+[a-zA-Z0-9.-]{2,4}$/; if (regex.test(mail)==true) {alert("Mail adresi geçerli");} else {alert("Hata geçersiz mail adresi girdiniz!");} } </script> <form action="#" method="post"> <input type="text" name="mail" id="email"> <input type="button"…

  • JavaScript ile Ekrana Yazı Yazdırma

    —

    kategori:

    Bugün alert komu ile ekrana yazı yazdırmayı öğrneceğiz. JavaScript ile yeni yeni tanışmaya başlayan arkadaşlar, projelerinde, bu komutları çok fazla kullanacağını bilmelidirler. Ekrana yazdırmak için; alert("Merhaba Dünya"); Şimdi bu kodu herhangi bir seçtiğimiz değişkenle kullanalım; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript ile Ekrana Yazı Yazdırma</title> </head> <body> <script type="text/javascript"> var degisken = "Merhaba Dünya";…

  • Facebook Otomatik Sayfa Beğendirme

    —

    kategori:

    Clickjack kim tarafından hazırlandığını bilmediğim bir script (bir dizi javascipt kodu). Alttaki linkten öncelikle clickjack.js dosyasını indiriyoruz. Notepad veya benzeri bir program ile açıyoruz. Büyük harflerle “SAYFANIZIN LİNKİ” yazan yere sayfanızın linkini ekliyoruz. Önemli: Başında ve sonundaki tek tırnakları silmeyin.(function(){ var tempX = 0, tempY = 0, IE = document.all ? true : false; if (!IE)…