Javascript Başlangıç (1.Ders) – Masif Dinamik
javascript-dersleri

Javascript Başlangıç (1.Ders)

Aslında şu an bende javascript bilmiyorum fakat bu yazı ben javascript öğrenirken hep açık kalacak ve öğrendiğim her şeyi buraya not etmeyi düşünüyorum. Şimdi siz de bana eşlik edebilirsiniz.

Javascript öğrenme yolculuğumda bir çok kaynak araştırdım sizin gibi. Zaten herşeyi araştırıyoruz öksürsek hemen google’a öksürük ama ateş yok gibi şeyler yazıp kendi kendimize çözüm arıyoruz. Sizde muhtemelen buraya Google’dan gelmiş olmalısınız. Zira bu yazıyı sosyal medyada paylaşmak gibi bir niyetim de yok açıkçası. Blogumun başında yazdım Yazılım Günlüğü diye.

Günlük olunca insan başından geçen herşeyi yazması gerekiyor bence. Sonuçta bu bir makale yazısı değil bir günlük yazısı. Bu şekilde yazılım günlüğümde hem programlama öğrenip hem de bir şeyler yazıp kafa dağıtmak hoşuma gidecek. Aslında öğrendiğimi buraya yazarak size anlatıp anlatırkende hikayeleştirerek öğrenme metodunu kullanacağım.

Bugün 1.Nisan ve sadece 1 Ayda Javascript öğrenme hedefini kendime koydum. 1 Ayda Javascript Öğrenilir mi bende bilmiyorum fakat bunu şimdi hep beraber göreceğiz.

İlk dersimizde baştan sona karşımıza çıkacak bazı terimlere aşina olmamız açısından bazı JavaScript terimlerine göz atabiliriz.

Kısa kısa cümlelerle JavaScript terimleri.

JavaScript Nedir: Javascript, HTML sayfalarında <script> </script> kodları arasında yazılan HTML niteliklerini, stilini gösterip gizleyebilen bir programlama dilidir.

JavaScript Nerede: JavaScript, HTML’de <head> ve <body> kısımlarında bulabilirsiniz.

Output: Js’de çıktı almak yani “Merhaba Dünya” yazdırmak için

document.getElementById(id)

kullanabilirsiniz.

Statements: JavaScript’te eşitlik işlemleri yaparak x y z gibi değerleri bir aşağıda örnekteki gibi.

var x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      // Statement 4

Yukarıda görüldüğü gibi z=11 çıktısını alırız. Bu arada bu kodu jseditor.io’da çalıştırıp çıktısını alabiliriz.

Semicolons:JavaScript Statements’ları semicolonslarla kapatabiliriz. Aşağıdaki kodlarda görebilirsiniz.

var a, b, c;     // Declare 3 variables
a = 5;           // Assign the value 5 to a
b = 6;           // Assign the value 6 to b
c = a + b;       // Assign the sum of a and b to c

White Space: JavaScript boşlukları yok sayar. Aşağıdaki iki kod aynıdır.

var person = "Hege";
var person="Hege";

Code Blocks: JavaScript ifadeleri, {…} süslü parantezlerin içindeki kod bloklarında birlikte gruplandırılabilir.

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

Keywords: JavasScript ifadeleri bir keyword ile başlayarak yapılacak aksiyonu tanımlar. Hemen hızlıca hangi keywordler var bazılarını inceleyelim.

KeywordAçıklama
breakDerleyici kod bloklarında break deyimi bulunursa yürütmeyi durdurur ve çıkar.
Örneğin 0-10’a kadar saydırırıyorsunuz 5’te break kullandınız. Sonuç:0,1,2,3,4
continueÖrneğin 0-10’a kadar saydırıyorsunuz 3’te döngüye continue kullandınız. Sonuç: 0,1,2,4,5,6,7,8,9,10 continue ile bu sonucu alırsınız.
debugger
JavaScript’in çalışmasını durdurur ve (varsa) hata ayıklama işlevini çağırır.
do … whileBir koşul doğruyken bir ifade bloğu yürütür ve bloğu tekrarlar.
forBir koşul doğru olana kadar deyim bloğunu döndürür.
functionGirdiler fonksiyona girerek anlamlı çıktılar oluştururlar. Bu şekilde yazılıma modülerlik kazandırılır.
if … elseKoşul doğruysa bir kod yanlışsa başka bir kod çalıştırmak için kullanılır
returnBu değer fonksiyondaki girdiğiniz değeri çalıştırır ve fonksiyonu sonlandırır.
switchDurumlar oluşturulur tek tek hangi durum uygunsa o durumun çıktısı alınır. Her durum sonrası break kullanılır yoksa sonsuz döngüye girer.
try … catchHata mesajları göstermek için kullanılır. Örneğin 8 haneli bir şifre girilmesi gerekiyor ve 7 haneli bir şifre girildi, tam o sırada siz de hata mesajı verirsiniz.
varBir değişken oluşturmak için kullanılır. Örneğin var ikizler burcu (Zaten burç değişken olduğu için mantıklı bir değişken tanımladık değil mi )

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


Yeni Yazılara Abone Ol



© Copyright 2020, Masif Dinamik