Bootstrap Nedir

Merhaba arkadaşlar. Ben Uygar. Bu yazımda Bootstrap’dan bahsedeceğim.

[sam id=”1″ codes=”true”]

Bootstrap Nedir

Eğer web geliştirme ile biraz ilgilendiyseniz Bootstrap terimini duymuşsunuzdur. Bootstrap’ın resmi sitesinde yazanlara göre Bootstrap, mobil öncelikli, duyarlı (ekran boyutu olarak), en popüler HTML, CSS ve JS iskeletidir (framework). Harika geliyor! Şimdi onu nasıl kullanacağız?

Bootstrap’ın “Getting Started” sayfası, size onu nasıl kullanabileceğiniz hakkında detaylı açıklamayı yapıyor. Öncelikle Bootstrap’ın Getting Started sayfasına buradan bakalım.

Öncelikle Bootstrap’ı indirmeliyiz. Bir web sitesi tasarlarken kullanabileceğimiz iki yöntem var. Bootstrap dosyalarını kendi sunucumuzda barındırmak veya Bootstrap CDN’ini kullanmak. Ben dosyaları indirmenizi tavsiye ederim. Çünkü basit bir örnek vermem gerekirse siteyi çevrimdışı olarak test etmek istediğinizde dosyaları yerel bilgisayarınızdan okuyabilirsiniz. Ancak çevrimdışı bir ortamda CDN yöntemi çalışmayacaktır.

Son sürüm Bootstrap’ı indirdikten sonra onu bir klasöre (örn: Masaüstüne bir klasör açın ve oraya çıkarın) çıkarın. Şimdi çıkardığınız dosyaların görevlerini anlatacağım.

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

Klasörlerimiz bu şekilde. Bunlardan js ve css klasörlerini kullanacağız. css klasörünün içerisinde ise bootstrap.css ve bootstrap.min.css gibi dosyalar var. Bu dosyaların hepsini zamanla açıklayacağım ancak şimdilik bu ikisi yeterli olacaktır 🙂

bootstrap.css, Bootstrap’ın ana CSS frameworküdür. bootstrap.min.css ise onun en minimum halidir diyebiliriz. Minimum halini kullanmamız sayfamızın yüklenme hızı açısından avantajlı olacaktır.

Şimdi ilk örneğimize geçelim. Bu örnekte html belgemize Bootstrap’ı dahil edip geleneğe uyarak ekrana “Hello, world!” yazacağız 🙂

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap Hello World!</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

Bu örneği çalıştırdığımızda aşağıdaki gibi bir sayfa bizi bekliyor olacak:

Şimdi üstteki kodu açıklayalım. Bu yazıda sadece Bootstrap ile alakalı olan satırları açıklayacağım. HTML ile olan yazılarımızı okuyabilirsiniz 🙂

<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">

Bu satır, sayfanın ekran boyutlarına göre otomatik olarak değişmesini sağlıyor.

 <link href="css/bootstrap.min.css" rel="stylesheet">

Bu satır ise Bootstrap’ı indirdiğimiz dosyalardan dahil ediyor.

  

Bu satırlar, tarayıcı uyumluluğu için var.

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Jquery’yi yüklüyor. Jquery, Bootstrap’ın JS frameworkü için gereklidir.

<script src="js/bootstrap.min.js"></script>

Bu satırda ise Bootstrap JS frameworkünü yükledik.

Bu yazımız da buraya kadar arkadaşlar. Sorularınızı yorum aracılığı ile sormaktan lütfen çekinmeyin 🙂 Bir sonraki yazımda görüşmek üzere, hoşça kalın…

[sam id=”1″ codes=”true”]

PHP Dosya Okuma

Merhaba arkadaşlar. Ben Uygar. Bu yazımla PHP serimin sonuna geliyorum. Bu yazımda sizlere sunucu üzerindeki bir dosyayı nasıl okuyabileceğinizi anlatacağım.

[sam id=”1″ codes=”true”]

Dosyaları okumak için file() fonksiyonu kullanılır. Bu fonksiyon tüm dosyayı bir dizenin (array) içine okur. Dizideki her öğe, dosyadaki bir satıra karşılık gelir. NOT: Döngüler anlatımımda belirttiğim gibi foreach döngüsü, dizeleri okumaya yarar.

$oku = file('isimler.txt');
foreach($oku as $satir){
echo $satir.", ";
}

Bu örnek, dosyadaki tüm satırları virgül ile bölümleyerek ekrana basar. Ancak burada son satırda da bir virgül bastık. Aşağıdaki örnekte bunu nasıl önleyebileceğimizi göreceksiniz: NOT: count() fonksiyonu, verileri saymamızı sağlar.

$oku = file('isimler.txt');
$say = count($oku);
$i = 1;
foreach($oku as $satir){
   echo $satir;
   if($i < $say){
      echo ',';
   }
   $i++;
}

Ve PHP serimi bitirdim 🙂 Umarım işinize yarar. Yorumlarınızı bekliyorum 🙂 Daha sonraki yazılarımda görüşmek üzere…

[sam id=”1″ codes=”true”]

PHP Bir Dosyaya İçerik Ekleme

Merhaba arkadaşlar. PHP serimin son yazılarını yazıyorum. Bu yazımda da bir dosyaya nasıl içerik ekleyebileceğimizi anlatacağım.

[sam_ad id=”1″ codes=”true”]

[sam id=”1″ codes=”true”]

Eğer bir dosyaya içerik eklemek isterseniz, dosyayı ekleme modunda açmanız gerekiyor. Örneğin:

$dosyam = "test.txt";
$ac = fopen($dosyam,'a');
fwrite($ac, "Biraz Yazı");
fclose($ac);

Bir dosyayı A modunda açarsanız, yeni ekledikleriniz dosyanın sonuna kaydedilir. Bu sayede birçok işlem yapabilirsiniz.

Form ile içerik eklemek

Şimdi girilen verileri sunucudaki bir dosyaya kayıt eden bir form tasarlayalım.

<?php
if(isset($_POST['yazi'])){
   $isim = $_POST['yazi'];
   $ac = fopen('isimler.txt','a');
   fwrite($ac, $isim.'\n');
}
?>
<form method="post">
İsim: <input type="text" name="yazi"/>
<input type="submit" name="Kaydet"/>
</form>

Bu örnekte formdan girdiğiniz veriler, isimler.txt dosyasına yeni satır halinde kayıt ediliyor. isset() fonksiyonunu daha önce anlatmıştım. Hatırlatmak gerekirse bir değişkenin tanımlı olup olmadığına bakıyor 🙂

Şimdi bu konuyu da burada bitiriyorum ve son konumuz olan dosya okumaya geçiyorum. Sonraki konumda görüşmek üzere… 🙂

[sam id=”1″ codes=”true”]

PHP Dosyaya Yazmak

Merhaba arkadaşlar. Ben Uygar. Bu yazımda sizlere PHP’de dosyaları nasıl kullanacağınızı anlatacağım. Yani sunucu üzerinde bulunan bir metin belgesine (a.txt) nasıl yeni veriler yazacağımızı göstereceğim. Eski konuları okumanızı tavsiye ederim 🙂

[sam id=”1″ codes=”true”]

Bir Dosya Açmak

fopen() fonksiyonu, yeni bir dosya oluşturmamızı veya bir dosyayı açmamızı sağlayan fonksiyondur. fopen() fonksiyonu ile sunucuda olmayan bir dosyayı açmaya çalışırsanız, dosya otomatik olarak oluşturulur.

Dosya İzinleri

Dosyaları açmak için çeşitli izin metotları vardır. Şimdi bunların bir listesini yapalım:

İzin Kodu	Açıklama
r	Dosyayı yalnızca okumak için açar.
w	Dosyayı yalnızca yazmak için açar. Açtığı dosya sunucuda mevcutsa içerisindeki her şeyi siler. Dosya yoksa boş bir dosya açar.
a	Dosyayı yalnızca yazmak için açar.
x	Yalnızca yazmak için bir dosya oluşturur.
r+	Dosyayı yazmak/okumak için açar.
w+	Dosyayı yazmak/okumak için açar. Dosya sunucuda varsa içindeki her şeyi siler. Yoksa boş bir dosya oluşturur.
a+	Yazmak/okumak için bir dosya açar. Dosya sunucuda yoksa boş bir dosaya oluşturur.
x+	Yazmak/okumak için yeni bir dosya oluşturur.

Aşağıdaki kod; “dosyaAdi.txt” adında bir dosyayı yazmak için açacak, dosya sunucuda yoksa yenisini oluşturacak. (PHP kodumuzun olduğu konuma)

$dosyam = fopen(“dosyaAdi.txt”,”w”);

Dosyaya Yazmak

Bir dosyaya bir şeyler kayıt ederken fwrite() fonksiyonu kullanılır. Bu fonksiyonun ilk parametresi, yazılacak dosyayı belirtir. Fonksiyonun ikinci parametresi ise içine yazacaklarımızı belirtir. İlk örneğimizi yapalım:

Aşağıdaki örnekte, “isimler.txt” adındaki yeni bir dosyaya bir çift isim kaydedeceğiz. Not: \n enter tuşunun görevini görmektedir. Yani bir satır atlar.

<?php
$dosyam = fopen("isimler.txt","w");

$isim = "Uygar \n";
fwrite($dosyam,$isim);
$isim = "İlke \n";
fwrite($dosyam,$isim);

fclose($dosyam); //Dosyayı kapattık

/*
Dosyanın içeriği:
Uygar
İlke
*/
 ?>

fclose()

Dosyaları kullandıktan sonra kapatmaya yarar. İşlem başarılı olduğunda TRUE (1), başarısız olduğunda FALSE (0) değerini döndürür. Dosyaları kullandıktan sonra kapatmanız tavsiye edilir.

Bu makalem de buraya kadar. Bir sonraki konumda görüşmek üzere… Umarım işinize yarayacaktır 🙂

[sam id=”1″ codes=”true”]

PHP $_COOKIE

Merhaba arkadaşlar. Ben Uygar. Bu yazımda sizlere PHP’de çerez (cookie) kullanımını anlatacağım. Önceki konuları okumanızı tavsiye ederim 🙂

[sam id=”1″ codes=”true”]

Çerez Nedir?

Çerezler, genellikle bir kullanıcıyı tanımlamak için kullanılır. Çerezler, sunucu tarafından kullanıcının bilgisayarında saklanan küçük metin belgeleridir. PHP ile çerez oluşturabilirsiniz.

PHP İle Çerez Oluşturmak

Çerez oluşturmak için setcookie() fonksiyonu kullanılır. Bu fonksiyonun parametreleri vardır bunlar:

setcookie(ad, değer, sona erme zamanı, yol, alan adı, güvenlik, yalnızca http)

dir. Şimdi bunların ne olduğunu açıklayalım.

ad: Çerezinizin adıdır.

değer: Çerezinizin değeridir.

sona erme zamanı: Çerezinizin saniye cinsinden yok olma zamanını ifade eder. 30 gün boyunca yok olmayan bir çerez yapmak isterseniz burayı time()+86400*30 şeklinde doldurun. NOT: time() fonksiyonu, geçerli sunucu zamanını çeker.

yol: Çerezin sunucu yoludur. Eğer “/” koyarsanız çerez, tüm alan adında kullanılabilir olur.

alan adı: Çerezin alan adını belirtir. Çerezi tüm alt alan adlarında kullanabilmek için doldurulmalıdır. Mesela www.TurkiyeElektronik.com üzerinde bir çerez oluşturdunuz ve bunu blog.TurkiyeElektronik.com’da kullanmak istiyorsunuz. Bu alana TurkiyeElektronik.com yazmalısınız 🙂

güvenlik: HTTPS bağlantılarında kullanılır. Eğer SSL sertifikanız varsa buraya TRUE yazabilirsiniz. Boş bıraktığınızda FALSE olarak ayarlanır.

yalnızca http: TRUE yazarsanız çerezinize HTTP protokolünden erişilebilir. Ancak bu, script dilleri için değildir ve bunu aktifleştirmemiz XSS saldırılarına neden olabilir. Boş bıraktığınızda FALSE değerini alır.

Çerez Nasıl Oluşturulur?

Çerez oluşturmayı bir örnekle anlatacağım. Örneğimizde “kullanici” adında, “Uygar” değerinde bir çerez oluşturacağız. Çerezimizin 30 gün sonra kaybolmasını sağlayacağız. (Daha önce de belirttiğimiz 86,400 * 30 formülünü kullanacağız. Çünkü 86,400 saniye, bir gün etmektedir. ) ‘/’ bu da çerezin site boyunca kullanılabilir olduğunu belirtecek. Devam etmeden önce önemli bir fonksiyonun kullanımından bahsedeceğim.

PHP isset()

Isset fonksiyonu, bir değişkenin tanımlı olup olmadığını anlamamızı sağlar. Değişken tanımlı ise 1 (TRUE); tanımlı değilse 0 (FALSE) döndürür. Örneğin:

<?php
if(isset($site)){
echo $site;
}else{
echo "Site bulunamadı.";
}
?>

Bu kodu çalıştırırsak

Site bulunamadı.

çıktısını alırız. Çünkü $site değişkeni tanımlı değildir. Fakat $site değişkenini tanımlarsak

<?php
$site = "TurkiyeElektronik";
if(isset($site)){
echo $site;
}else{
echo "Site bulunamadı.";
}
?>

aşağıdaki çıktıyı alırız:

TurkiyeElektronik

Şimdi çerezimizi oluşturmaya devam edelim.

<?php
$deger = "Uygar";
$sonaErme = time() + (86400 * 30);
setcookie("kullanici",$deger,$sonaErme,'/');

$cerez = $_COOKIE['kullanici'];
if(isset($cerez)){
echo "Değer: ".$cerez;
//Çıktı "Uygar" olur.
}
?>

Bu yazım da buraya kadar. Umarım faydalı olur… Bir sonraki yazımda görüşmek üzere 🙂

[sam id=”1″ codes=”true”]

PHP $_SESSION

Merhaba arkadaşlar. Ben Uygar. Bu yazımda sizlere oturum depolama gibi işlemlerin nasıl yapılacağını anlatacağım.

[sam id=”1″ codes=”true”]

$_SESSION Nedir

Oturumlar, (session), sayfalar arasında kullanmak üzere bilgileri değişkenler üzerinde saklayabilmemizi sağlar. Bu bilgiler kullanıcının bilgisayarında değil sunucuda saklanır. Fakat çerezler (cookie) kullanıcının bilgisayarı üzerinde saklanır. Oturum değerleri, genellikle kullanıcı tarayıcısını kapattığında kaybolur.

PHP’de Bir Oturum Başlatalım

Oturumları başlatmak için session_start() fonksiyonunu kullanırız. Oturum değişkeni tanımlamak için PHP’nin küresel değişkeni olan $_SESSION kullanılır. Önemli NOT: session_start() fonksiyonu, belgenizde her şeyin başında gelmelidir. (HTML tagları vb. dahil)

<?php
//Bir oturum başlatalım
session_start();

$_SESSION['ad'] = "Uygar Koç";
$_SESSION['site'] = "www.TurkiyeElektronik.com";
?>

Yukarıda gördüğümüz iki değişken, artık tüm sunucu üzerinden erişilebilir! Yani bu dosyayı index.php olarak kayıt edersek, a.php dosyasından veya site/b.php dosyasından da bu değerleri okuyabiliriz.

Oturum Değerlerini Okumak

Üstteki kodumuzu index.php olarak kayıt edelim. Şimdi yeni bir PHP dosyası oluşturalım. (Bu dosyaların adlarının ne olduğu önemli değil) Ben dosyama a.php adını vereyim. Şimdi a.php dosyamıza aşağıdaki kodları yazalım:

<?php
//Sayfanın en başına oturumları aktif eden fonksiyonu koyuyoruz.
session_start();
?>
<!DOCTYPE html>
<html>
<body>
<?php
echo "Adınız: ".$_SESSION['ad']."<br>";
echo "Siteniz: ".$_SESSION['site'];
?>
</body>
</html>

Önce index.php dosyamızı sonra da a.php dosyamızı çalıştıralım. index.php’nin çıktısının boş olması gerekir. a.php’de ise aşağıdaki çıktıyı almalıyız:

Adınız: Uygar Koç
Siteniz: www.TurkiyeElektronik.com

Gördüğümüz gibi oturumları kullanmak normal değişkenleri kullanmak gibi 🙂 Oturumlar, genellikle bir siteye giriş yapıldıktan sonra kullanıcı bilgilerini depolamada kullanılırlar. Bu yazım da buraya kadar. Bir sonraki yazımda görüşmek üzere…

[sam id=”1″ codes=”true”]

PHP Formlar

Merhaba arkadaşlar. Ben Uygar. Bu yazımda sizlere PHP ile form işlemleri yapmayı göstereceğim.

[sam id=”1″ codes=”true”]

$_GET ve $_POST

$_GET ve $_POST’un amacı, formlardan girilen verilerin toplanmasını sağlar. Örnek bir form HTML kodu verelim:

<form action="ilk.php" methot="post">
<p>Ad: <input type="text" name="ad" /></p>
<p>Yaş: <input type="text" name="yas" /></p>
<p><input type="submit" value="Kaydet"/></p>
</form>

Bu HTML kodlarının çıktısı aşağıdaki gibi olmalı:

İlk dersimizde de söylediğimiz gibi PHP’ye başlamadan önce HTML bilmelisiniz 🙂 Yukarıdaki html kodlarının ne olduklarını anlatan bir yazıyı daha sonra yazacağız. Fakat bu yazımda da önemli birkaç ayrıntıdan bahsedeceğim.

<form> elementi, formlarla işlem yaparken kullandığımız elementtir.

action, kayıt yapıldıktan sonra verinin gideceği dosyayı belirtir.

methot, Get ve Post olarak iki değer alır. Bu, en çok dikkat edilmesi gereken kısımlardan biridir. Aralarındaki farkları aşağıda anlatacağım.

<input> Kullanıcı girişi alınırken kullanılan elementtir.

type, giriş türünü belirtir. Password gibi başka değerler de alabilir.

name, elementin adını belirtir. Veriyi PHP de okurken bunu kullanacağız.

Post ve Get’in Farkları

Post ve get’in yanlış kullanılması, birçok güvenlik açığına sebep olmaktadır. Post metodu veriyi arkaplanda sunucuya gönderirken; get metodu, veriyi URL üzerinden gönderir. Yani en basitinden get üzerinden giden veriler, tarayıcı geçmişinde görünebilir. Örneğin get metoduyla bir giriş formu hazırladınız. kaydet butonuna basıldığında sunucuya http://localhost/ilk.php?ad=Uygar&sifre=uygar123 şeklinde bir istek gider. Post metodunda ise http://localhost/ilk.php dışında hiçbir şey görünmez.

İlk form denememizi yapalım

Az önce verdiğimiz HTML kodlarını sunucunuzun root klasörüne index.php olarak kayıt edin. Daha sonra ilk.php adında bir dosya oluşturun ve aşağıdaki kodları yazın:

<html>
<body>
Hoş geldin <?php echo $_POST["ad"]; ?> <br />
Yaşınız: <?php echo $_POST["yas"]; ?>
</body>
</html>

Örneğimizde de gördüğünüz gibi form üzerinde belirttiğimiz name kısımlarını $_POST[“name“] şeklinde yazıyoruz. İşte bu kadar basit 🙂

Get metodunu kullanmış olsaydık $_POST yerine $_GET kullanacaktık. Ama bir formdan veri çekerken her zaman POST kullanmanızı öneririm. Bu yazım da bu kadar arkadaşlar. Bir sonraki yazımda görüşmek üzere…

[sam id=”1″ codes=”true”]

PHP $_SERVER

Uzun bir aradan sonra tekrar merhaba arkadaşlar. Ben Uygar. Bu yazımda sizlere PHP’deki $_SERVER öntanımlı değişkenini anlatacağım. Her zamanki gibi önceki konuları okumanızı tavsiye ederim.

[sam id=”1″ codes=”true”]

Öntanımlı Değişken Nedir?

Öntanımlı değişken, bizden önce PHP tarafından tanımlanmış değişkenlerdir. Değişken tanımlarken dikkat etmemiz gereken şeylerden biri de öntanımlı değişkenlerle aynı adlarda değişkenler tanımlamamalıyız. Toplamda on tane öntanımlı değişken bulunmaktadır. Bunlar:

$_SERVER

$_SERVER, üstbilgiler (headers), bölümler ve script konumları gibi bilgileri kapsayan bir dizedir. Bu dizenin tüm elemanları, sunucu tarafından oluşturulur.

Script Name:

Şu anki scriptin bölümünü döndürür.

<?php
echo $_SERVER['SCRIPT_NAME'];
// Çıktı: /dosyaadi.php (çıktının aynı olabilmesi 
// için sunucunuzun root dizinine dosyaadi.php 
// adında bir dosya açıp bu kodu yazınız.)
?>

Host Name:

Geçerli isteğin host üstbilgisini döndürür.

 <?php
echo $_SERVER['HTTP_HOST'];
//Localhost üzerinde denediğimizde çıktı "localhost" olur.
?>

Diğer:

Kod	Anlamı
$_SERVER[‘PHP_SELF’]	Çalışan scriptin dosya adını döndürür.
$_SERVER[‘SERVER_ADDR’]	Host sunucusunun IP adresini döndürür.
$_SERVER[SERVER_NAME’]	Host sunucusunun adını döndürür.
$_SERVER[‘HTTP_HOST’]	Geçerli istekten host üstbilgisini döndürür.
$_SERVER[‘REMOTE_ADDR’]	Kullanıcının geçerli sayfaya baktığı konumun IP adresini döndürür.
$_SERVER[‘REMOTE_HOST’]	Kullanıcının geçerli sayfaya baktığı konumun host adını döndürür.
$_SERVER[‘REMOTE_PORT’]	Kullanıcının makinesi ile sunucu arasındaki iletişimi gerçekleştiren portu döndürür.
$_SERVER[‘SCRIPT_FILENAME’]	Çalışan scriptin mutlak dosya adını döndürür.
$_SERVER[‘SCRIPT_PORT’]	Kullanıcının makinesi ile server arasındaki iletişimi sağlayan portu döndürür. (genelde 80)
$_SERVER[‘SCRIPT_NAME’]	geçerli scriptin bölümünü döndürür.
$_SERVER[‘SCRIPT_URI]	Geçerli sayfanın URI sini döndürür.

[sam id=”1″ codes=”true”]

HTML’e Giriş

[sam id=”1″ codes=”true”]

Merhaba arkadaşlar ben Yağız. Bugün Web tasarım dersimizin ilk dersine başlayacağız. Öncelikle Web tasarım nedir veya ne işe yarar? Web tasarım adı üstünüde bir Web sitesini tasarlamak ve görünüm kazandırmaktır. Biz ilk olarak HTML5 ile başlayacağız, HTML5 son sürümdür ve diğerlerine göre daha basittir. HTML sitemizin iskeletini oluşturur daha sonra bu iskelete güç kazandıracağız. Bazı yazılımcılar HTML’i dil olarak görmez çünkü bir programlama diline nazaran daha basittir. Bunun sebebi ise HTML’in etiketlerden oluşmasıdır. Mesela yazıyı ortaya kaydırmak için bir etiket yazıyı büyütmek için başka bir etiket kullanılır. HTML biraz ezbere dayanır ama biz elimizden geldiğince mantığını öğreneceğiz. Hazırsanız başlayalım şimdi ilk olarak Notepad++’ı indirmemiz gerek Notepad’i kullanmamızın sebebi ise bu program ile mantığı çok daha iyi kavrayacağız.Visual Studio gibi programlar hataları örter bizim hataları görüp öğrenmemiz gerek. Tarayıcımıza Notepad++’ı aratıp 6.9.2 versiyonunu seçiyoruz ve indiriyoruz.Sonra aşağıdaki seçenekleri mutlaka işaretliyoruz.

Şimdi biraz dosyalama mantığından bahsedelim. HTML diye bir belge açalım içine 1. ders diye ayrı bir belge açalım sonra notepad’e gelip yukarıda kodlama bölümünden utf-8 olarak kodla diyoruz bunu sebebi Türkçe kelimelerin Web’te gözükmesi. Ardından dosya bölümünde html>1. ders klasörünün içine index.html olarak yazmamız bu şekilde kaydetmemiz çok önemli bunun sebebi çalışmalarımızın nasıl gözükeceğini internetten görebileceğiz.Şimdi

kaydettiğimiz index.html dosyasını chrome olarak açalım karşınıza boş bir sayfa açılacak. Şuan kod yazmadığımız için boş. Son olarak html yapısından bahsedelim ve bitirelim. Şimdi sizde Notepad’inize burada yazdığım kodu yazın.

Şimdi buradaki kodlardan bahsedelim yazdığımız her etiketin bir kapaması olur bunu / işaretini kullanırsak yapabiliriz.Baştaki <!doctype html> etiketi bu etiketin özelliği yazdığımız kodun HTML5 olduğunu söylemek içindir. Ardından direk <html> etiketi gelir bu etiketi açar açmaz hemen kapatınız çünkü ileride uzun kodlar yazacağımız zaman kapatmayı unutabiliriz. Bu etiketin ardında head body gelir. Head zaten anlamıyla baş kısmı yani sekmenin üstünde yazacağımız yerdir biz genelde bütün etiketlerimiz body kısmına yazacağız.Önemli bir unsur ise yine bu etiketleri açtığınız gibi kapatmanızdır. Şu anlık bu kadar konu ile sınırlı kalalım. Yazımızın herkese yayılması için paylaşmayı unutmayın!

PHP Fonksiyonlar

Merhaba. Bir proje geliştirirken en çok kullanacağımız yapı olacak olan fonksiyonlar, aslında bize çok büyük kolaylık da sağlayacaktır. Fonksiyonlar, matematik dersindekiyle aynıdır. Önceki konumuz: https://turkiyeelektronik.com/blog/2016/07/11/php-include-require/

[sam id=”1″ codes=”true”]

Fonksiyon Nedir?

Fonksiyonlar, büyük bir kod yığınını tekrar tekrar yazmamak için kullandığımız veya bir işlemi yapabilmek için kullandığımız bir yapıdır.

PHP’de Fonksiyon Kullanımı

Aslında PHP’nin yapısında bulunan birçok fonksiyon vardır. Buna bir önceki konumuzda öğrendiğimiz include() fonksiyonunu örnek verebiliriz.

Örnek kod:

<?php
function ilk_fonksiyonum(){
echo "Bu kod fonksiyonun içindedir.";
}
?>

Kodumuzu bu haliyle çalıştırırsak sonuç boş olacaktır. Çünkü fonksiyonumuzu çağırmadık. Fir fonksiyonu çağırmak için fonksiyon_adı(); komutunu kullanırız. Yani yukarıdaki kodun çalışabilmesi için şu kodları kullanmalıyız:

<?php
function ilk_fonksiyonum(){
echo "Bu kod fonksiyonun içindedir.";
}

ilk_fonksiyonum();
?>

Gördüğümüz gibi bir fonksiyon oluşturmak için function komutunu kullanıyoruz. Yapımız aşağıdaki gibi olmalı:

function fonksiyon_adi(){
//Kod Bloğu
}

Fonksiyonlarımıza Parametre Atayalım

Mesele iki sayı girdiğimizde bunları toplayan bir fonksiyon oluşturalım:

<?php
function topla($ilk_sayi, $ikinci_sayi){
$toplam = $ilk_sayi + $ikinci_sayi;
echo $toplam;
}
?>

Şimdi yukarıdaki kod parçası ile 1 ve 2 sayılarını toplayalım:

<?php
function topla($ilk_sayi, $ikinci_sayi){
$toplam = $ilk_sayi + $ikinci_sayi;
echo $toplam;
}

topla(1,2);
?>

Kodumuzu çalıştırdığımızda

çıktısını alacağız. İşte bu kadar basit 🙂

Parametrelere Varsayılan Değer Verme

Parametreli bir fonksiyonun bir parametresi girilmediğinde hata alacağız. Çünkü bir değişkeni tanımlamamış oluyoruz. Bu tip bir hatayı engellemek için fonksiyonumuza varsayılan bir değer girebiliriz. Yani parametrelerden biri tanımlanmadığına bizim varsayılan değerlerimiz çalışacaktır. Örnek kod:

<?php
function topla($ilk_sayi = '0', $ikinci_sayi = '0'){
$toplam = $ilk_sayi + $ikinci_sayi;
echo $toplam;
}

topla();
?>

Bu kodun çıktısı

olacaktır. Fakat biz bu kodu

<?php
function topla($ilk_sayi, $ikinci_sayi){
$toplam = $ilk_sayi + $ikinci_sayi;
echo $toplam;
}

topla();
?>

şeklinde kullansaydık sonucumuz hata olacaktı.

Return İfadesi

Dikkat ettiysek fonksiyonlarımızda sonucu yansıtırken echo kullandık. Echo kullanmadan direk olarak sonucu yansıtmak istersek return kullanabiliriz. Örnek kod:

<?php
function topla($ilk_sayi, $ikinci_sayi){
$toplam = $ilk_sayi + $ikinci_sayi;
return $toplam;
}
?>

Bu kodu da çalıştırdığımızda sonuç boş olacaktır. Bir sonuç alabilmek için kodumuza

echo topla(1,2);

eklemeliyiz. Bu fonksiyonu kullanarak 1 ve iki sayısının toplamını döndüren bir program yazalım:

<?php
function topla($ilk_sayi, $ikinci_sayi){
$toplam = $ilk_sayi + $ikinci_sayi;
return $toplam;
}

echo topla(1,2);
?>

Evet arkadaşlar fonksiyonlar hakkında da bildiklerimi sizlerle paylaştım. Şimdilik bu kadar. Sonraki yazımızda işleri biraz daha büyüteceğiz. Formlar tasarlayacağız çerezler oluşturacağız. Ama korkmayın hepsi çok basit gelecek. Bir sonraki dersimizde görüşmek dileğiyle… 🙂

[sam id=”1″ codes=”true”]

Bootstrap Nedir

Bilgi paylaştıkça çoğalır 🙂

Bunu beğen:

Bilgi paylaştıkça çoğalır 🙂

Bunu beğen:

Form ile içerik eklemek

Bilgi paylaştıkça çoğalır 🙂

Bunu beğen:

Bir Dosya Açmak

Dosya İzinleri

Dosyaya Yazmak

fclose()

Bilgi paylaştıkça çoğalır 🙂

Bunu beğen:

Çerez Nedir?

PHP İle Çerez Oluşturmak

Çerez Nasıl Oluşturulur?

PHP isset()

Bilgi paylaştıkça çoğalır 🙂

Bunu beğen:

$_SESSION Nedir

PHP’de Bir Oturum Başlatalım

Oturum Değerlerini Okumak

Bilgi paylaştıkça çoğalır 🙂

Bunu beğen:

$_GET ve $_POST

Post ve Get’in Farkları

İlk form denememizi yapalım

Bilgi paylaştıkça çoğalır 🙂

Bunu beğen:

Öntanımlı Değişken Nedir?

$_SERVER

Bilgi paylaştıkça çoğalır 🙂

Bunu beğen:

HTML’e Giriş

Bilgi paylaştıkça çoğalır 🙂

Bunu beğen:

Fonksiyon Nedir?

PHP’de Fonksiyon Kullanımı

Fonksiyonlarımıza Parametre Atayalım

Parametrelere Varsayılan Değer Verme

Return İfadesi

Bilgi paylaştıkça çoğalır 🙂

Bunu beğen: