CodeIgniter ilk controller dosyası oluşturma ve ekrana merhaba dünya yazdırma CodeIgniter v4 psr 4 standardında php kodlama sistemini benimsediği için kod yapısınıda buna göre şekillendirmiştir. Biz php geliştiricileri de kodlamalarımızı bu sisteme göre yapmamız gerekecektir. Haydi, gelin ilk yapımızı oluşturalım. Kodlama işlemlerimiz sürecinde ekran okuyucularla uyumlu olan Notepad++ uygulamasından faydalanacağız. <?php namespace App\Controllers;…
CodeIgniter 4.1.3 Framework eğitimleri-1:İlk yapılandırma
Merhaba uygulama akademisi takipçileri. Bir süredir hazırlamayı düşündüğüm CodeIgniter Framework çatısının yenisini dilim döndüğünce anlatmaya karar verdim. Yazı dizisi şeklinde sunacağım bu anlatımlarımın faydalı olmasını diliyorum. CodeIgniter kapsamlı bir php framework altyapısıdır. Günümüzde de güncellenmeye devam eden bu php çatısını nasıl kullanabileceğiniz örnekler ile birlikte anlatılmaya çalışılacaktır. CodeIgniter v4 edinme ve sunucuya yükleme CodeIgniter…
Herkes İçin JavaScript Eğitimi-21: Olaylar (AddEventListener ile elementlere tıklama fonksiyonu)
Java script ile herhangi bir html elementine tıklatma yapabilmenin başka bir yöntemi ise addEventListener methoduyla tıklatma yöntemidir. addEventListener yöntemi elementlerdeki değişimleri izleyebilir ve o etiketlere yönelik fonksiyon atamaları yapılabilir. <input type=”text” id=”metin”> <button id=”dugme”>Gönder</button> <script> /*Metin içerisindeki değeri düğme ismindeki element ile elde edilerek uzunluk fonksiyonundan geçirilerek karakter uzunluğuna göre işlem yapıldı karakterlerin toplam sayısı…
Herkes İçin JavaScript Eğitimi-20: Olaylar (onchange olayı)
onchange html etiketlerinde değişiklik yapıldığı noktada devreye girmesini sağlayacağınız fonksiyonlar için javascript ile kullanabileceğiniz bir olay fonksiyonudur. <select id=”iller” onchange=”alert(‘Seçtiğiniz il’+’ ‘+document.getElementById(‘iller’).value)”> <option>Antalya</option> <option>Ankara</option> <option>İstanbul</option> </select> <!– Select etiketi içerisinde yapılan seçim onchange olayı ile ekrana basılmış oldu.–!>
Herkes İçin JavaScript Eğitimi-19: Olaylar (onclick olayı)
Java script ile html etiketleriyle etkileşime geçilmesini sağlayacak özellikler tanımlayabilirsiniz. Örneğin yazı alanlarındaki içerikler değiştiğinde işlem yaptırma, düğmelere tıklatma ile fonksiyon çalıştırma gibi. Bu yazıda sizlerle paylaşacağım konu ise, onclick olayıyla bir düğmeye tıklatma sonucu fonksiyon çalıştırma olacaktır. <input type=”text” id=”yazi”> <br> <button onclick=”alert(document.getElementById(‘yazi’).value)”>Göster</button> <!– Burada button etiketi içinde onclick fonksiyonu çağrılmış ve alert…
Herkes İçin JavaScript Eğitimi-18: AddEventListener kullanımı
addEventListener java script kod yapısında herhangi bir html etiketine olay eklemek için kullanılır. Aşağıda bu kullanıma yönelik bir örnek paylaşılmıştır. <div id=”mesaj”>Bilgilendirme mesajı</div> <script> //Yukarıdaki html etiketinin taşıdığı id değeri getElementById yaparak çektik. var bilgi = document.getElementById(“bilgi”); bilgi.addEventListener(“click”,function (e){alert(“Sisteme hoşgeldiniz”);},false); //Bilgi adıyla oluşturduğumuz değişken için addEventListener methoduyla fonksiyon atadık ve ekrana mesaj yazdırdık. </script> </script>…
Herkes İçin JavaScript Eğitimi-17: Anonim fonksiyon oluşturma
Anonim fonksiyon tanımlamada fonksiyona isim verilmeden tanımlama yapılabilir. Bu yöntem özellikle jquery çalışacaklar için ön hazırlık niteliğindedir. Anonim fonksiyon oluştururken öncelikle bir değişken tanımlarız ve değişkene tanımlayacağımız fonksiyonu oluşturabiliriz. <script> var sayilar = [1,2,3,4,5,6,7,8]; //Sayılar isminde bir dizi değişkeni oluşturduk. sayilar.forEach(function(gelen_deger){ alert(gelen_deger); }); //Yukarıdaki fonksiyonda öncelikle sayılar adlı her bir diziye işlem uygulamak için bir…
Herkes İçin JavaScript Eğitimi-16: Fonksiyon tanımlama
Programlama dillerinde fonksiyon aynı türden işlemleri tek bir fonksiyon altında gerçekleştirilmesini sağlar. Fonksiyonlar sayesinde temiz kod yazımı söz konusudur. Fonksiyon yapısına baktığımızda ise, aşağıdaki bir kod yazımıyla karşılaşırız. Türlerine göre JavaScript yapısında paramatreli, parametresiz, geri dönüşlü, geri dönüşsüz ve varsayılan değerli fonksiyon tanımlamaları bulunmaktadır. Parametresiz ve geri dönüşsüz varsayılan değerli fonksiyonlar <script> function mesaj() {…
Herkes İçin JavaScript Eğitimi-15: Dizilerde kullanılan methodlar-3.Bölüm
shift() fonksiyonu <script> var esyalar =[“masa”,”sandalye”,”koltuk”]; //Dizideki ilk veri elde edilir.var ilk_veri = esyalar.shift(); //masa verisi elde edilir. </script> Unshift() fonksiyonu <script> //Dizinin başına bir öğe ekler var esyalar = [“koltuk”,”vazo”,”saat”; esyalar.unshift(“dolap”); //Eşyalar dizisinin başına dolap ifadesini ekledi. </script> toString() fonksiyonu <script> //Dizileri metinsel (string) ifadesine dönüştürmeye yarar. var dizi = [“bardak”,”tabak”,”tencere”]; var yazi…
Herkes İçin JavaScript Eğitimi-14: Dizilerde kullanılan methodlar-2.Bölüm
concat() fonksiyonu concat() fonksiyonu iki farklı diziyi tek bir dizide birleştirmenize olanak verir. <script> var araclar = [“bmw”,”ford”,”peugeot”]; var motorlar = [“yamaha”,”kwazaki”]; var yeni_araclar = araclar.concat(motorlar); document.write(yeni_araclar); </script> every() fonksiyonu Every fonksiyonu dizide belirtilen değerlere göre belirdiğiniz koşul durumuna göre kıyaslama yapar ve dizide koşula uygun değerler dışında bir değer olursa ekrana false bastırır. Bunun…