Kategori: JavaScript

Emoji ile Etkileşimli Reaksiyon Oluşturma

Teknokodi
teknokodi emoji reaksiyon

Sosyal mesyanın da etkisi ile kullanıcılar içeriklere duygusal tepki vermeye başladı. Artık bir resim, video, blog yazısı yada başka birşeyde bile kullanıcılar sevip sevmediklerini emoji ile reaksiyon göstererek belli ediyor. Bu yazımızda bizlerde basit ama eğlenceli bir emoji ile tepki veren butonlar yapacağız. HTML İlk önce kuullanıcılara göstereceğimiz emojilerin görsellerini HTML ile hazırlıyoruz. CSS HTML ile hazırladığımız içeriği CSS ile ekranımıza yerleştireceğiz. Burada sayfanın en altına ve ortasına container ımızı yerleştireceğiz ki üst kısımda sanki bir içerik var ve ona reaksiyon gösteriyoruz gibi dursun 🙂 CSS kısımlarını siz kendi projenize…

Okumaya Devam Et

Javascript te Async ve Defer Nedir? Neden Kullanılır?

Teknokodi
javascript async defer

Merhaba. Bu yazımızda başka bir Javascript koonusunu ele alacağız. async ve defer, harici JavaScript dosyalarını HTML belgelerine eklerken kullanılan niteliklerdir. Tarayıcının betiği nasıl yüklediğini ve çalıştırdığını etkilerler. Hepimiz HTML’mize harici JavaScript dosyalarını yüklemek için script etiketini kullanmaya alışkınız. Geleneksel olarak, HTML yüklendikten sonra komut dosyalarının yüklenmesini sağlamanın tek geçici çözümü, komut dosyası etiketlerini gövdenin sonuna doğru taşımaktı. Ancak JavaScript o zamandan bu yana çok yol kat etti. ES2015’teki spesifikasyona, JavaScript’in nasıl yükleneceği konusunda daha ayrıntılı kontrole izin veren erteleme ve zaman uyumsuzluk gibi özellikler eklenmiştir. Erteleme ve eşzamansız niteliklerin ne…

Okumaya Devam Et

REST API den dönen JSON İçerik Türleri nelerdir?

Teknokodi
json content type mime rest api json içerik türleri

Merhabalar, bu yazımızda JSON dan,  JSON içerik türleri nden ve çok kullanılan bir api olan REST API den  bahsedeceğiz. Hangi türleri çok kullanılıyor, hangi türü kullanmalıyız ve kaldırılan türleri göreceğiz. Hello, in this article we will talk about JSON, JSON content types and REST API, which is a widely used api. We will see which types are most used, which type we should use, and the types that have been removed. JSON (JavaScript Object Notation), verileri kolayca okunabilir formatta temsil etmek için kullanılan bir veri biçimidir. Postman, RESTful API’ler(geliştiricilerin yazdığı…

Okumaya Devam Et

NPM ve NPX Nedir? Aralarındaki Fark Nelerdir?

Teknokodi
npm ve npx

İnsanların npx ve npm ‘i karıştırmasının birkaç nedeni vardır. npx, npm ‘in içerdiği bir araç olduğu için, genellikle birlikte kullanılırlar ve bazı durumlarda, belirli komutları çalıştırmak için npm yerine npx ‘i kullanabilirsiniz. Bu, özellikle npx ‘e aşina değilseniz, ikisini karıştırmayı kolaylaştırabilir. Bu ikisi arasındaki karışıklığı önlemek için ikisi arasındaki temel farkları anlamak faydalı olabilir. NPM vs NPX npm, Node.js JavaScript çalışma zamanı için paket yöneticisidir. npm kayıt defterinde yayınlanan paketleri (yani kitaplıklar, çerçeveler, araçlar vb.) kurmak ve yönetmek için kullanılır. npx, npm ile birlikte gelen bir araçtır. Projenizde yerel veya…

Okumaya Devam Et

Jquery Trigger Methodu Ve Trigger Kullanımı

Teknokodi

trigger() yöntemi, seçilen öğeler için belirtilen olayı ve bir olayın (form gönderimi gibi) varsayılan davranışını tetikler. $(selector).trigger(event,eventObj,param1,param2,…) Parametre Açıklama event Gerekli. Belirtilen öğe için tetiklenecek olayı belirtir. Özel bir olay veya standart olaylardan herhangi biri olabilir. param1,param2,… İsteğe bağlı. Olay işleyicisine iletilecek ek parametreler. Ek parametreler özellikle özel event lerde kullanışlıdır.

Okumaya Devam Et

JS Select() Methodu İle Tüm İnput Değerini Seçmek

Teknokodi
javascript

Bir form ekranında bilgileri doldururken yada düzenlerken ilgili inputa tıkladığımız anda o inputtaki bilgilerin seçilmesini isteyebiliriz. Bunun için javascriptte ki select() methodunu kullanabiliriz. Select() yöntemi, bir metin alanının içeriğini seçmek için kullanılır. Kullanıma göre tıklanınca ya da doğrudan nesne içerisinde ki değerler seçili halde olur.

Okumaya Devam Et