Kayıtlar

Aralık, 2019 tarihine ait yayınlar gösteriliyor

Node.js Yazılımına Giriş

-
Resim
Node.js Yazılımına Giriş Node.js, asenkron çalışan, açık kaynaklı, işlem bazlı (event based), ölçeklenebilir bir uygulama geliştirme çatısıdır. Uygulamaların sunucu (server) tarafında kullanılır ve JavaScript tabanlıdır. İlerleyen eğitimlerimizde uygulamalı olarak Node.js'in kullanım alanlarını ve özelliklerini göreceğiz. Node.js'in Linux Üzerinde Kurulumu Bu eğitim içeriğimizde Ubuntu'nun 15.04 sürümünün üzerine Node.js'in v4.0.0 sürümünün kaynak kodlarını indirip derlenerek nasıl kuracağımızı anlatacağız. Öncelikle Node.js'in kaynak kodlarını bu bağlantıdan indirmelisiniz. Kullandığınız Linux dağıtımının kaç bitlik bir mimaride olduğunu bilmiyorsanız, Terminal'e getconf LONG_BIT komutunu yazarak bunu öğrenebilirsiniz. İlgili bağlantıya tıklayıp indirme sayfasına gittikten sonra "Source Code" karşılığındaki "node-v4.0.0.tar.gz" bağlantısına tıklayıp indirme işlemini gerçekleştirin. Kuruluma başlamadan önce ...
Yorum Gönder
Devamı

jQuery css() Metodu

-
Resim
jQuery css() Metodu css() metodu seçilen elemanlar için bir ya da daha fazla stil özelliğine erişir ya da bunlar üzerinde değişiklik yapar.   Bir CSS özelliğine erişmek Belirli bir CSS özelliğine erişmek için aşağıdaki yazılış biçimini kullanınız: css("özellik adı"); Aşağıdaki Örnekte ilk uyuşan elemanın zemin rengi gönderilmektedir: $("p").css("background-color");   Bir CSS özelliği atamak Bir CSS özelliği atamak için aşağıdaki syntax kullanılır: css("özellikadı","deger"); Aşağıdaki örnek bütün uyuşum sağlayan elemanların (paragraflar) zemin rengini değiştiriyo: $("p").css("background-color","pink");   Öğrendiklerimizi aşağıdaki kod bloğu içinde kullanalım: <html>     <head>         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>         <script>           ...
Yorum Gönder
Devamı

jQuery CSS Sınıflarına Erişim ve Değişiklik

-
Resim
jQuery CSS Sınıflarına Erişim ve Değişiklik jQuery ile CSS elemanlarını manipüle etmek son derecede kolaydır. jQuery'nin, CSS manipülasyonu için birçok metodu vardır: addClass() – Seçilen elemanlara bir ya da daha fazla sınıf ekler. removeClass() - Seçilen elemanlardan bir ya da daha fazla sınıfı siler. toggleClass() – Seçilen elemanlara sınıf ekleme/silme işlemlerini peş peşe yapar. css() – Stil özelliklerine erişir ya da atama yapar. Aşağıdaki stil sayfası bu bölümdeki örneklerde kullanılacaktır: .xx { font-weight:bold; font-size:xx-large; } .renk { color:pink; } jQuery addClass() Metodu Aşağıdaki örnek, bir sınıf özelliğinin farklı elemanlara nasıl eklenebileceğini göstermektedir: $("button").click(function(){   $("h1,h2,p").addClass("pink");   $("div").addClass("xx"); }); Ayrıca, addClass() metodu içinde çok sayıda sınıf da belirleyebilirsiniz. $("butto...
Yorum Gönder
Devamı

jQuery Silme Metotları

-
Resim
jQuery Silme Metotları jQuery metotları ile HTML elemanlarını silmek de mümkündür. Eleman ve içerikleri silmek için esasen iki farklı jQuery metodu mevcuttur: remove() – seçilen elemanı ve varsa çocuk elemanları siler. empty() – seçilen elemanın çocuklarını siler. jQuery remove() Metodu jQuery remove() metodu seçilen HTML elemanı ve çocuklarını siler. $("#div1").remove(); Örnek HTML kodunu beraber inceleyelim: <html>     <head>         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>         <script>             $(document).ready(function(){                               $("button").click(function(){                                   ...
Yorum Gönder
Devamı

jQuery Elemanlar Ekleme

-
Resim
jQuery Elemanlar Ekleme jQuery ile kolayca yeni HTML elemanları ya da içerikleri ekleyebilirsiniz. Yeni HTML içeriği eklemek amacı ile kullanılabilecek dört jQuery metodu aşağıda verilmiştir: append() – içeriği seçilen elemanların sonuna ekler. prepend() – içeriği seçilen elemanların başına ekler. after() – içeriği seçilen elemanlardan sonra ekler. before() - içeriği seçilen elemanlardan önce ekler. jQuery append() Metodu jQuery append() metodu, seçilmiş HTML elemanlarının sonuna içeriği ekler: $("p").append("EKLENECEK METIN"); append() örnek HTML kodunu dikkatle inceleyelim: <html>     <head>         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>         <script>             $(document).ready(function(){                         ...
Yorum Gönder
Devamı

Vasıf (Attribute) Atama - attr() Metodu

-
Resim
Vasıf (Attribute) Atama - attr() Metodu jQuery attr() metodu HTML elemanlarının vasıflarına atama yapmak ya da değerlerini değiştirmek için kullanılır. Aşağıdaki örnek, href özelliğinin bir bağlantıdaki değerinin bu yolla nasıl değiştirileceğini gösteriyor: $("button").click(function(){   $("#gy").attr("href","http://www.gelecegiyazanlar.org"); }); attr() metodu çok sayıda vasıf değerini aynı anda atamanızı da sağlar. Aşağıdaki örnek href ve title vasıflarının aynı anda nasıl atanacağını gösteriyor: $("button").click(function(){   $("#gy").attr({     "href" : "http://www.gelecegiyazanlar.org",     "title" : "GELECEGI YAZANLAR"   }); }); attr() Fonksiyonu için Geriçağırma Fonksiyonu   jQuery'nin attr() fonksiyonu bir geriçağırma fonksiyonuyla da kullanılabilir. Geriçağırma fonksiyonunun iki parametresi vardır: Seçilen eleman listesinde o a...
Yorum Gönder
Devamı

jQuery - HTML Elemanlarına İçerik ve Vasıf Atama

-
Resim
jQuery - HTML Elemanlarına İçerik ve Vasıf Atama İçerik almakta (get) kullandığımız üç metodu şimdi de içerik atamak (set) için kullanacağız: text() – seçilen elemanların metin içeriklerine atama yapar veya onlara erişerek işlem yapar. html() – HTML işaretçileri de dâhil, seçilen elemanların içeriğini atar ya da onlara erişir. val() –  Form alanlarının değerine erişir veya onlara atama yapar. Aşağıdaki örnek bu metotların atama işleminde nasıl kullanılacağını gösteriyor: $("#btn1").click(function(){   $("#test1").text("GUZEL YURDUM"); }); $("#btn2").click(function(){   $("#test2").html("<b>GUZEL YURDUM</b>"); }); $("#btn3").click(function(){   $("#test3").val("HEY KOCA YURT"); }); Atama işlemine örnek HTML5 kodunu dikkatle inceleyelim: <html>     <head>         <script src="https://ajax.googleapis.com/ajax/libs/jque...
Yorum Gönder
Devamı