Her şey çok karışmış durumda, başladığım her yeni işi yarım bırakıyorum; neyi öğrenmek istediğimi de tam olarak bilmiyorum. Her şeyi aynı anda öğrenmeye çalıştığım için de birbirine giriyor. Sanırım vakti geldi.

Hedef koymalıyım

Artık bir planlamaya gitmeye karar verdim çünkü bu şekilde devam edersem bir alanda bile gelişim gösteremeyeceğim. Bu yüzden şöyle bir planlamaya gittim:

-Öğrenmek istediğin şeyleri bul

-Öncelikli olanları ayır

-Öncelikli olarak ayırdığın şeyler hakkında bilgi edin

Seçtiğim alanlardan kısaca bahsetmek istiyorum.

HTML

Basit bir websitesi oluşturmak için gerekli 3 temel unsur varmış.

1-HTML

2-CSS

3-JavaScript

HTML --> Websitesini var etmek için

CSS --> Var ettiğimiz websitesini tasarlamak için

JavaScript --> Websitesini programlamak için

Ben işe en kolayı ve en temeli olan HTML den başlamak istedim. Şu ana kadar bazı basit şeyleri öğrendim. Biraz öğrendiklerimden bahsedeyim.

HTML'de etiket (tag) kavramı olmazsa olmazdır. Nasıl ki günlük hayatta etiketlerde aldığımız ürün hakkında bilgiler varsa (içindeki maddeler, gramajı, fiyatı...) HTML'de de HTML yapısının içine koyacağımız bilginin özelliklerini sunucuların tanımlamasını sağlar. Bir nevi bir ürünün içeriği gibidir etiketler. Etiketlerin başında ve sonunda "<" ve ">" işaretleri bilinir.

Bazı etiket türleri vardır. Bunlardan biri ilk başta kullanılan açılış etiketleri (opennig tags) diğeri ise sonda kullanılan kapanış etiketleri (closing tags). Mesela ben bir buton oluşturmak için bir HTML kodu yazmak isteseydim button tagini kullanmamız gerekirdi ve sırasıyla bir açılış etiketi (openning tag) <button> ve bir kapanış etiketi (closing tag) </button> kullanmam gerekirdi. Açılış ve kapanış etiketleri arasında kalan yazı ise butonun üzerinde ne yazacağını gösterirdi. Örneğin;

<button>Like</button>

Bu şekilde yazdığımızda ortaya çıkan şeyin üzerinde "Like" yazan bir buton olması gerekir. Görüntüsü şu şekilde olurdu:

Genelde etiketler görevlerinin anahtar kelimelerine göre adlandırılırlar mesela "<button>" etiketi buton yapmak içindir ve bu yüzden "button" olarak adlandırılmıştır. Fakat bazen bazı etiketler işlevlerinin anahtar kelimelerinin kısaltmalarıyla adlandırılmıştır. Bunlardan bir tanesi de paragraf oluşturmak için kullanılan <p> etiketidir.

Üzerinde "Kedileri çok severim!" yazan bir paragraf oluşturmak isteseydik yapmamız gerekenler buton oluştururkenkiyle aynı mantıkta fakat yine de gösterecek olursak yazmamız gereken şey:

<p>Kedileri çok severim!</p>

Bunun görüntüsü:

Kedileri çok severim!

şeklinde olurdu.

Bir de bazı metinleri vurgulamak için başlıklar (headings) oluşturabiliriz. HTML'de h1'den h6'ya kadar 6 başlık boyutu vardır. En büyük boy h1 en küçük boy ise h6 dır. Aradaki farkı şu şekilde göstereyim:

En büyük olan

<h1>Kedi</h1>

Kedi

En küçük olan

<h6>Kedi</h6>

Kedi

Bir de biz bazen mesela şiir yazarken olabilir yazdığımız paragraflarda satır atlanmasını isteriz.

Örnek:

Acı çekmek özgürlükse Özgürdük ikimiz de O yuvasız çalıkuşu bense kafeste kanarya

Eğer "Acı çekmek özgürlükse" ayrı bir satırda "Özgürdük ikimiz de" ayrı bir satırda "O yuvasız Çalışkuşu" ayrı bir satırda ve "Bense kafeste kanarya ayrı bir satırda olsaydı daha güzel görünecekti.

Satırları line "break tag" (br) sayesinde böleriz. Önce break tag olmadan en sevidiğim şeylerin listesini yapayım:

  <h1>En sevdiğim şeyler</h1>
<p> Sarı kedilerin koşuşturması
Ilık bulutlu bir gün
Kar yağması
Sütlü tatlılar
 </p>

çıktısı:

En sevdiğim şeyler

Sarı kedilerin koşuşturması Ilık bulutlu bir gün Kar yağması Sütlü tatlılar

Şimdi de break tag kullanarak en sevdiğim şeylerin listesini yapalım:

  <h1>En sevdiğim şeyler</h1>
<p> Sarı kedilerin koşuşturması<br>
Ilık bulutlu bir gün<br> 
Kar yağması<br>
Sütlü tatlılar<br>
 </p>

çıktısı:

En sevdiğim şeyler

Sarı kedilerin koşuşturması
Ilık bulutlu bir gün
Kar yağması
Sütlü tatlılar

"<br>" bir boş etikettir. Boş etiketlerde herhangi bir açılış ya da kapanış etiketi yoktur ve aynı zamanda "kendiliğinden kapanan etiketler" (self-closing tags) olarak da adlandırılır.

Aynı zamanda metne vurgu yapmak için bir öğe (element) var, metni italik (eğik yazı) yapıyor. Buna em öğesi (em element) deniyor. İsmi ise ingilizcede vurgu anlamına gelen "emphasis" kelimesinin kısaltılmasından geliyor. Hadi koşuşturma, bulutlu, kar ve sütlü kelimelerini em elementiyle vurgulayalım:

  <h1>En sevdiğim şeyler</h1>
<p> Sarı kedilerin <em>koşuşturması</em><br>
Ilık <em>bulutlu</em> bir gün<br> 
<em>Kar</em> yağması<br>
<em>Sütlü</em> tatlılar<br>
 </p>

çıktısı:

En sevdiğim şeyler

Sarı kedilerin koşuşturması
Ilık bulutlu bir gün
Kar yağması
Sütlü tatlılar

Metinleri önemli olarak vurgulamak için <strong> ve </strong> etiketlerini kullanırız. Metni kalınlaştırır. Hadi az önce italik yaptığımız yerleri bu şekilde kalınlaştıralım.

  <h1>En sevdiğim şeyler</h1>
<p> Sarı kedilerin <strong>koşuşturması</strong><br>
Ilık <strong>bulutlu</strong> bir gün<br> 
<strong>Kar</strong> yağması<br>
<strong>Sütlü</strong> tatlılar<br>
 </p>

çıktısı:

En sevdiğim şeyler

Sarı kedilerin koşuşturması
Ilık bulutlu bir gün
Kar yağması
Sütlü tatlılar

Şimdilik HTML ile öğrendiklerim bu kadar. Diğer bir öğrenmek istediğim şey ise:

Python

Asıl öğrenmek istediğin JavaScript fakat ilk başta yazılım temelleri atmam gerekiyor bu yüzden başlamak için python'u seçtim. Şu an hala stringleri öğreniyorum klasik "print" fonksiyonuyla başladım. İlerlemelerimi elbette seninle paylaşacağım.

Her gönderinin sonuna öylesine bir şeyler koymaya karar verdim.

Bugün gökyüzü çok güzeldi fakat sadece önüme bakarsam.

Arkama baktığımda ise bulutlu ve karanlık bir hava vardı sadece.

İşte bakış açısı da böyledir. Nereye baktığına göre değişkenlik gösterir.