Eğitim

JavaScript: Form Validation

Form içindeki etiketlerin doğrulama işlemleri istemci tarafında yapmamıza sağlar. Örneğin; bir input text’e veri girildi mi? Girilen değer e-Mail mi? Girilen sayı uygun mu? vs… gibi işlemler Javascript ile yapılabilir. Bu işlemler sunucu tarafında da yapılabilir ancak çok kullanıcının bağlandığı bir web sitesinde doğrulama sürecini istemci tarafında yapmak sunucunun yükünü hafifleteceği unutulmamalıdır. Doğrulama işlemi iki farklı şekilde yapılabilir. Javascript HTML etiketinin özellikleri Form Validation - Javascript Form doğrulama işlemi normalde sunucuda, istemci gerekli tüm verileri girdikten ve ardından Gönder düğmesine…

JavaScript: Performans İpuçları

Döngüleri oluştururken listem adında bir diziniz olsun. Bu dizinin boyutunu Length fonksiyonu ile bulabilirsiniz. Bu fonksiyonu dizi içinde kullanmak kodunuzu yavaşlatabilir. Çünkü her seferinde dizi uzunluğunun hesaplanması gereksiz bir işlem olacaktır. Yerel bir değişken açıp uzunluğu saklayıp, bu uzunluk değerini döngüde kullanabilirsiniz. Kötü Koda Örnek: [crayon-69edc6ac3b675198484566/] Temiz Kod: [crayon-69edc6ac3b67c299378221/] DOM bir ağaç yapısıdır ve her seferinde bu ağaç yapısını dolaşmak zaman kaybı olabilir. Bunun yerine işlem yapılacak etiket bir kez bir değişken içine alınır ve defalarca kullanılır. Temiz Kod: [crayon-69edc6ac3b67e773704129/]…

JavaScript: Koşullar ve Döngüler

JavaScript Koşullar Koşullar yazılımlarımızda birer karar merciisidir. Şarta bağlı bir komutu yerine getirmek istiyorsak koşul ifadelerini kullanmak zorundayız. Ayrıca koşul ifadeleri boolean tipi veriler üzerinden çalışır kısaca ifadelerin hepsi ya doğrudur ya da yanlıştır. JavaScript Koşullar - IF / ELSE IF / ELSE ifadesi IF: Belirtilen koşul doğruysa, yürütülecek kod bloğunu belirtmek için kullanılır. [crayon-69edc6ac3b76b016055975/] ELSE: Tüm koşullar yanlışsa, yürütülecek kod bloğunu belirtmek için kullanılır. [crayon-69edc6ac3b76f844317818/] ELSE IF: Bir koşul yanlışsa, test etmek için yeni bir koşul belirtmek için kullanılır.…

JavaScript: Değişken & Veri Türleri

Değişken adını vermeden önce tanımladığımız var ifadesi variable'dan gelmektedir ve dilimizde değişken anlamındadır. JavaScript'te değişkenler tanımlanırken herhangi bir veri türü belirtmemize gerek yoktur. Hangi veri türü kullanıldığını değişkenin değerinden anlayabiliriz. typeof ile değerin türünü bulabilirsiniz. Var değişkeni kullanmadan direkt değişken tanımlanabilir. Bu durumda değişken yerel olur. [crayon-69edc6ac3b8cd699556519/] JavaScript - Arrays Array, birden fazla değer taşıyabilen en  özel değişkenlerden biridir. Aşağıdaki kod bloğundaki 5. satırda manav dizisine 3 eleman eklenmiştir. Bir alt satırında ise ekrana manav dizisinde bulunan 1. eleman yazdırılması…

JavaScript Nedir?

JavaScript, yaygın olarak web tarayıcılarında kullanılmakta olan dinamik bir programlama dilidir. JavaScript ile yazılan istemci tarafı betikler sayesinde; Tarayıcının kullanıcıyla etkileşimde bulunması, Tarayıcının kontrol edilmesi, Asenkron bir şekilde sunucu ile iletişime geçilmesi, Websayfası içeriğinin değiştirilmesi gibi işlevler sağlanır. JavaScript her ne kadar istemci tarafında olsa da günümüzde Node.js gibi platformlar sayesinde sunucu tarafında da yaygın olarak kullanılmaya başlamıştır. Bu konuda istemci taraflı JavaScript hakkında bilgi verilecektir. JavaScript prototip-tabanlı, dinamik türlere ve birinci-sınıf fonksiyonlara sahip bir betik dilidir. Nesne yönelimli, imperatif…

HTML: HTML'in Gelişimi

Web dünyasında HTML'in (HyperText Markup Language) gelişimi, internet teknolojilerinin ilerlemesiyle paralel olarak büyük değişiklikler geçirdi. Bu süreçte DHTML, XHTML ve HTML 5 gibi farklı teknolojiler ortaya çıktı ve web standartlarını belirledi. Bu makalede, HTML’in gelişim sürecine ve beraberinde getirdiği yeniliklere göz atacağız. DHTML DHTML (Dynamic HTML), iki büyük tarayıcı üreticisi olan Microsoft ve Netscape’in tarayıcıları ile bizleri tanıştırdıkları ve daha sonraki sürümlerinde de destekledikleri, World Wide Web Konsorsiyumu (W3C) tarafından artık bir web standardı olarak kabul gören teknolojiye verilen isimdir.…

HTML: HTML Etiketleri

HTML kodlarını dikkatlice incelerseniz etiketlerden oluşan bir yapıda olduğunu göreceksiniz. HTML etiketleri büyüktür ve küçüktür işaretleri arasında belirtilir. Her etiket bir komut yada yönerge belirtir. İnternet tarayıcı bu işaretleri gördüğünde, bunlar arasındaki metnin yorumlanması gereken bir metin/komut olduğunu algılar. Bazı etiketler tek başına kullanılırken, bazılarını başlangıç ve bitiş etiketi şeklinde kullanmak gerekir. Bitiş etiketleri başlangıç etiketine kesme işaretinin “/” eklenmesiyle yapılır. [crayon-69edc6ac3bc5a895550214/] Örn: [crayon-69edc6ac3bc5e895596637-i/] Kullanıcının tarayıcıda gördüğü: Paint Yazılım HTML Eğitimi HTML Etiket konusu. Görüldüğü üzere, tarayıcı HTML kodunu ekranda…

HTML: HTML Nedir?

Hyper Text Markup Language Türkçe karşılığı “Hiper metin/yazı İşaretleme Dili” dir. Buradaki Burada Hiper 'in kelime anlamı tam olarak; hareketli, yani bir nesneden (yazı, resim vb.) başka bir nesneye geçiş imkanı sağlayandır. Bu geçişkenliği birbirine kapılarla bağlı olan odalar gibi düşünebiliriz. Web sayfalarındaki linkler/bağlantılar/köprüler olmasaydı, o web sayfalarının herhangi bir metin dosyasından yani bir Word belgesinden hiç farkı olmazdı. Her gün yüzlerce kez tıkladığımız o linkler sayesinde sayfalar arasında geziniyoruz, geçiş yapıyoruz, resimlere bakıyoruz, video izliyoruz, download edebiliyoruz. Yani hiper…

PHP: Veritabanı Bağlantılı Sayfa Yenileme

Sayfamız üzerinde yer alan nesnelerin, veritabanından gelen bilgiler kullanılarak doldurulması işlemine verilen addır. Bu nesneler açılan kutular (combobox) ya da liste kutuları (listbox) olabileceği gibi, gazetelerin web sayfalarında olduğu gibi resim alanları bile bu şekilde güncel tutulabilir. Böylelikle oluşturulan web sitesinin dinamik bir yapıda olması sağlanmış olur. Bu konuda, sayfa Yenileme için bir Javascript kodunun kullanılacağı sayfa-veritabanı bağlantısı tekniği, bir örnek üzerinden anlatılacaktır. Öncelikle, sayfa yenileme işlemimin gerçekleştirecek Javascript kodumuzu yazalım. [crayon-69edc6ac3bde7895896414/] Ardından söz konusu sayfamızın php kodlarını yazalım. [crayon-69edc6ac3bdee500620549/]…

PHP: Temel MySQL Veritabanı İşlemleri

Veritabanlarının kullanım amacı, veri saklamak ve istenildiğinde bunlar üzerinde işlem yapmaktır. Bu işlemler ayrıntıya inildikçe çok fazla çeşitlilik gösterse de, temel olarak verilerimiz üzerinde gerçekleştirdiğimiz ortak işlemleri şöyle sıralayabiliriz; Kaydetme Arama Güncelleme Silme Bu tür işlemlerin kullanılan veritabanı ya da programlama dilinden bağımsız olarak standart yöntemlerle gerçekleştirilebilmeleri amacıyla SQL (Structured Query Language) adlı dil geliştirilmiştir. Diğer bir deyişle SQL dilinin amacı, bütün veritabanlarının bütün programlama dilleri ile aynı dili konuşmalarını sağlamaktır. Bu bölümde gerçekleştireceğimiz PHP ve MySQL arasındaki iletişimlerde de…

PHP: MySQL Bağlantısı Kurma

MySQL Veritabanı sistemi bir çok programlama dili ile sorunsuz olarak çalışabilmesine karşın, genellikle PHP programcılarının tercih ettikleri bir veritabanı yönetim sistemi olmuştur. Bunda iki yazılımın mükemmele yakın bir şekilde uyumlu çalışabilmelerinin yanı sıra, her ikisinin de açık kaynak kod lisansına sahip olmaları da etkili olmaktadır. Ayrıca bütün dünyada internet üzerinden gerek PHP, gerek MySQL için resmi web sitelerinin yanı sıra binlerce kaynak ve tartışma ortamları içeren web sitelerine ve günlüklerine ulaşmak mümkündür. Bu bölümde, ilk olarak PHP ve MySQL arasındaki…

MySQL: Veritabanının Yönetimi

XAMPP yazılımı bilgisayarınıza Bilgisayarınızda Php Çalıştırmak adlı  bloğumuzda anlatıldığı gibi kurulduysa, MySQL veritabanını yazılımın kontrol panelini kullanarak başlatabilirsiniz. Veritabanına ait yönetim paneline ulaşmak için ise, herhangi bir internet tarayıcısının adres çubuğuna http://localhost/phpmyadmin/ yazmak yeterli olacaktır. Ancak öncelikle localhost dizinine ulaşabilmemiz için, Apache sunucusunun da yine XAMPP kontrol panelinden başlatılmış olması gerektiğini hatırlatalım. Karşımıza MySQL localhost adlı, veritabanı yönetimiyle ilgili her türlü işlemi gerçekleştirebileceğimiz ekran gelecektir. İlk olarak bir veritabanı oluşturmakla başlayalım. MySQL Veritabanı Oluşturma Bizi karşılayan sayfada “Yeni Veri Tabanı…
Bizimle İletişime Geçin