Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan iki günlük JavaScript eğitim atölyesi formatında bir eğitim içeriğidir. Eğitmen, JavaScript programlama dilinin temellerini adım adım anlatmaktadır.
- Video, JavaScript'in ne olduğu, özellikleri ve kullanım alanları ile başlayıp, programlama ortamları, yorum satırları, değişkenler, veri türleri, operatörler ve koşullu ifadeler gibi temel konuları kapsamaktadır. Eğitim, konsol uygulamaları ile başlayıp, web uygulamalarına geçiş yaparak ilerlemektedir. Her konu için kod örnekleri ve konsol çıktısı üzerinden detaylı açıklamalar sunulmaktadır.
- Eğitim içeriğinde ayrıca değişken tanımlama (let, const, var), veri türleri (string, number, boolean, big int), tür dönüşümleri, konsol kullanımı, aritmetik operatörler, karşılaştırma operatörleri, mantıksal operatörler, if-else yapısı ve switch-case yapısı gibi konular örneklerle anlatılmaktadır. Eğitmen, günlük hayattan örnekler kullanarak konuları daha anlaşılır hale getirmeye çalışmaktadır.
- 00:13JavaScript Eğitimine Giriş
- Eğitimde JavaScript'in temelleri ve nasıl uygulamalar yapıldığı anlatılacak.
- Birinci günde hızlı kodlama, ikinci günde uygulamalar yapılacak.
- JavaScript iki boyutlu bir dil: konsol uygulamaları ve web sayfalarına eklenti yapma.
- 01:45JavaScript'in Özellikleri
- JavaScript betik tabanlı, metin tabanlı bir dildir ve genellikle başka dillerin içerisine gömülerek kullanılır.
- HTML ve CSS gibi JavaScript de web sayfalarını daha etkileşimli hale getirmek için kullanılır.
- Son zamanlarda JavaScript framework'leri ve kütüphaneleri (Node.js, Electron, React, React Native) aracılığıyla büyük kapasiteli uygulamalar yapılabilmektedir.
- 03:20JavaScript'in Kullanım Alanları
- JavaScript ile web sayfalarına kayan resimler eklenebilir ve hareket ettirme işlemlerini yapabilirsiniz.
- Web sayfalarındaki formlarda (iletişim, kayıt, giriş alanları) veri doğrulama işlemleri yapılabilir.
- Uzun sayfalarda yukarı çıkma butonu gibi etkileşimli özellikler JavaScript ile eklenebilir.
- 04:59JavaScript'in Önemi ve Kolaylığı
- JavaScript sadece görsel etkileşim katmıyor, arka planda matematiksel, karşılaştırma, döngü işlemleri yapabiliyor.
- JavaScript kolay öğrenilir ve sintaksanı basittir, programlama dillerine hızlı geçiş yapılabilir.
- Öğrencilere programlama ve algoritma mantığını öğretmek için JavaScript kullanılır, bu sayede daha büyük programlama dillere kolay geçiş yapılabilir.
- 06:55JavaScript'in Özellikleri
- JavaScript metin tabanlı bir dil olduğu için, HTML, CSS, PHP ve ASP gibi diller gibi metin editörlerinde rahatça yazılabiliyor.
- JavaScript'te derleyiciye ihtiyaç yok, tarayıcı içerisinde yorumlayıcı ile çalışır ve kodları anlama işlemi yapar.
- Programlama dilleri derlenebilen (C, Java, ASP.NET) ve yorumlanabilen (PHP, JavaScript) iki ana gruba ayrılır.
- 09:20JavaScript Kodlama Ortamları
- JavaScript kodları herhangi bir editörde yazılabilir, Visual Studio Code, Sublime Text veya Notepad++ gibi editörler yaygın olarak kullanılır.
- Windows'ta Notepad, Mac'te Terminal gibi temel araçlarla da JavaScript uygulamaları yazılabilir.
- Online editörler (Play Code gibi) da kullanılabilir ve bu editörlerde kodlar yazıldığında alt kısımda konsol çıktısı görüntülenebilir.
- 11:12JavaScript Uygulama Türleri
- JavaScript'te iki tür uygulama yazılabilir: konsol uygulamaları ve web uygulamaları.
- Eğitim amaçlı olarak konsol uygulamaları daha kolay olduğu için tercih edilebilir.
- Web uygulamalarında JavaScript kodları HTML'nin içerisine eklenerek tarayıcıda çalıştırılır.
- 14:58JavaScript Dosyaları ve Çalıştırma
- JavaScript dosyaları .js uzantısı ile kaydedilir.
- Visual Studio Code'da kod yazıldıktan sonra kaydedilmesi ve "Run Code" komutu ile çalıştırılması gerekir.
- Her değişiklik yapıldığında dosyayı kaydetmek ve tekrar çalıştırmak gerekir ki değişiklikler görünmesin.
- 16:50JavaScript'te Yorum Satırları
- JavaScript'te yorum satırları (açıklama satırları) kullanıcıya çeşitli açıklamalar yapmak için kullanılan alanlardır ve kodun çalışmasına etkide bulunmazlar.
- Yorum satırları derlenen bir dil değil, betik tabanlı bir dil olduğu için kullanıcılar tarafından kaynak kod kısmında görüntülenebilir.
- Tek satırlı yorumlar çift slash (//) ile, çok satırlı yorumlar slash yıldız (/*) ile başlayıp yıldız slash (*/) ile bitirilir.
- 20:05JavaScript Yazım Kuralları
- JavaScript'te her komutun sonunda noktalı virgül kullanmak gerekir, ancak son satırda ise kullanılmayabilir.
- JavaScript büyük küçük harf ayrımı yapan bir dil olduğundan, isimlendirmede dikkatli olunmalı.
- Operatörlerden önce ve sonra boşluk bırakmak kodların daha düzgün okunmasını sağlar.
- 23:46Değişkenler ve Sabitler
- JavaScript'te verileri saklamak için değişkenler ve sabitler kullanılır.
- Değişkenler, içerisindeki verinin değişmesine rağmen kendilerinin değişmeyen veri tutucularıdır.
- Sabitler, programın başında oluşturulup içeriğinin hiçbir zaman değişmeyen yapılardır ve hafıza yönetimi açısından avantaj sağlar.
- 27:47JavaScript'te Veri Türleri
- Programlama dillerinde veri türleri vardır ve bunlar maddenin halleri (katı, sıvı, gaz) gibi düşünülebilir.
- JavaScript'te temel veri türleri arasında string (metin), number (sayı) ve boolean (mantıksal) veri türleri bulunmaktadır.
- String veri türü, klavyeden basılabilecek her şeyi (rakamlar, simgeler, karakterler) içerebilen metin türleridir.
- 29:07Sayı Veri Türleri
- Number veri türü, tam sayı ve ondalık sayıları içerir ve JavaScript'te bu sayılar ayrılmamıştır.
- Big int, 64 bitlik büyük sayıları saklayan yeni bir veri türüdür ve genellikle uygulamalarda number veri türü kullanılır.
- Boolean veri türü, true (doğru) ve false (yanlış) değerlerini alır ve mantıksal ifadeler için kullanılır.
- 32:12Diğer Veri Türleri
- Nesne (object), dizi (array), tarih-zaman gibi veri türleri de bulunmaktadır.
- Undefined (tanımlanmayan) ve null (olmayan) gibi veri türleri de mevcuttur.
- Ağırlıklı olarak string (metin), number (sayı) ve boolean (mantıksal) veri türleri aklımızda kalır.
- 33:27Değişken Oluşturma
- JavaScript'te değişkenler oluştururken mutlaka var veya let deyimlerinden biri kullanılır.
- Var deyimi eski tarayıcılara destek vermek için kullanılırken, let deyimi blok yapısı içerisinde kullanılır.
- Değişken isimlendirme kurallarına göre, değişken isimleri rakamla başlayamaz ve özel karakterler içeremez (alt çizgi hariç).
- 36:14Değişken İsimlendirme Kuralları
- Değişken isimlerinde rezerve edilmiş JavaScript özel deyimleri (var, function, let gibi) kullanılamaz.
- Değişken isimleri dolar işareti ($) veya alt çizgi (_) ile başlayabilir, aksi takdirde mutlaka harfle başlamalıdır.
- Camel case yapısı, değişken isimlendirme için tavsiye edilen bir yöntemdir.
- 37:47Değişken İsimlendirme Kuralları
- Değişkenler ve isimlendirmeler için "camelCase" kullanılır, bu iki şekilde olabilir: küçük camelCase ve büyük camelCase.
- Küçük camelCase'de ilk kelimenin tüm harfleri küçük, diğer kelimelerin sadece baş harfleri büyük olur.
- Büyük camelCase'de tüm kelimelerin baş harfleri büyük olur, ancak en yaygın kullanılan küçük camelCase'tir.
- 39:04Clean Code Kuralları
- Noktalı virgül öncesine boşluk konmaz, ancak operatörlerden önce ve sonra boşluk konulmalıdır.
- Süslü parantezlerin öncesine ve sonrasına boşluk konulması kodların okunabilirliğini artırır.
- Kodların çalışması için bu kurallar zorunlu değildir, ancak okunabilirliği artırmak için önemlidir.
- 40:19Değişken Tanımlama ve Kullanımı
- JavaScript'te değişken tanımlarken veri türünü belirtmeye gerek yoktur, değişkenin içine ne konulursa o tür alır.
- Değişkenlere değer atamak için eşittir (=) operatörü kullanılır ve atama sırasında boşluk kullanılmalıdır.
- Değişkenler kullanılmadan önce tanımlanmalıdır, aksi halde hata verir.
- 42:41Çoklu Değişken Tanımlama
- Birden fazla değişken aynı anda virgül kullanarak tanımlanabilir.
- Değişkenler aynı anda tanımlanırken aynı anda değer de atanabilir.
- Farklı veri türlerine sahip değişkenler aynı anda tanımlanabilir ve değer atanabilir.
- 45:23Sabit Değişkenler
- Değişmeyecek sabit değerler için "const" anahtar kelimesi kullanılır.
- Const ile tanımlanan değişkenlere daha sonra değer atanamaz, aksi halde hata verir.
- Sabit değişkenlerin değerleri ekrana yazdırılabilir.
- 46:25Değişken ve Sabit Tanımlama
- Değişken tanımlamak için "var" ve "let" deyimleri, sabit tanımlamak için "const" deyimi kullanılır ve veri eklemek için eşittir operatörü kullanılır.
- Her komutun sonuna noktalı virgül konulur ve aynı anda birden fazla değişken veya sabit tanımlanabilir.
- Değişkenlerin değerleri kullanıcıdan alınabilir veya daha sonra değiştirilebilir, örneğin "sayıBir = kullanıcıdanGelenDeğer" şeklinde.
- 48:18Veri Türlerini Kontrol Etme
- Oluşturulan bir değişkenin veri türünü görmek için "typeof" deyimi kullanılır.
- "typeof değişkenAdı" veya "typeof(değişkenAdı)" şeklinde kullanılabilir.
- JavaScript'te sayılar (tam sayı ve ondalıklı) "number" olarak gösterilir, metinler "string", boolean değerler ise "boolean" olarak tür olarak belirtilir.
- 50:50Değer Atama ve Tür Dönüşümleri
- Sayısal değerler tırnak içine alınmadan, metin değerleri tırnak içine alınarak, boolean değerler ise "true" veya "false" olarak (küçük harflerle) atama yapılır.
- Farklı veri türlerini birbirine işlem yaparken tür dönüşümleri gerekebilir.
- "Number()" fonksiyonu ile string değerleri sayıya, "String()" veya ".toString()" fonksiyonu ile diğer veri türlerini string'e dönüştürme yapılabilir.
- 57:51Konsol Kullanımının Amacı
- Konsol, hata durumlarında veya geliştiricilerin ekrana mesaj göndermek istediklerinde kullanılır.
- Konsol ekranı, web tarayıcısında sağ tıklayıp "incele" seçeneğiyle açılarak görüntülenebilir.
- Konsol, hata bildirimleri, uyarılar ve bilgilendirme mesajları için kullanılır.
- 59:17Konsol Çıktı Türleri
- Konsolda üç farklı çıktı türü vardır: kırmızı renkli hata mesajları (error), sarı renkli uyarı mesajları (warn) ve mavi renkli bilgilendirme mesajları (info).
- Hata mesajları (error) programın çalışmasını etkileyen sorunları gösterirken, uyarı mesajları (warn) dikkat çekmek için kullanılır.
- Bilgilendirme mesajları (info) genellikle kodun yakın zamanda kaldırılacağı gibi bilgilendirmeler için kullanılır.
- 59:57Konsol Kullanımı
- Konsol, web sayfalarında hata ayıklama için kullanılır; örneğin mesaj gönderme düğmesinde ad-soyad boş bırakıldığında uyarı vermemesi durumunda konsol kontrol edilir.
- Harita gibi üçüncü taraf kütüphaneler de konsola çıktılar gönderebilir, örneğin yüklenme sorunları veya hatalar için.
- Konsol, arka planda da aynı amaçla kullanılır, normal şartlarda HTML'nin içerisine JavaScript kodu eklenir.
- 1:02:45Konsol Metodları ve Kullanım Örnekleri
- Konsol.log() metodu, ekrana çıktı olarak bilgi vermek için kullanılır.
- Konsol.error() metodu, hata mesajları için kırmızı renkli olarak kullanılır.
- Konsol.info() metodu, bilgilendirme mesajları için mavi renkli olarak kullanılır.
- 1:04:09Konsol'da Metin Biçimlendirme
- Konsol.log() metodu ile birden fazla satır çıktısı göndermek için "\n" karakteri kullanılır.
- Birden fazla değeri ekrana boşluklarla birleştirerek gönderebilirsiniz.
- Konsol.log() içinde matematiksel işlemler yapılabilir ve sonuç ekrana yazdırılabilir.
- 1:06:43Değişkenlerle Konsol Kullanımı
- Konsol.log() ile değişkenlerin değerleri ekrana yazdırılabilir, değişkenler tırnaklar içine alınmaz.
- Değişkenlerle string ifadeleri birleştirmek için "+" operatörü kullanılabilir.
- Son birkaç yıl içinde gelen özelliklerden biri, değişkenleri tırnaklar içinde doğrudan yazabilme özelliği olup, bu durumda özel çapraz tırnak karakteri kullanılır.
- 1:10:32JavaScript'te Operatörler
- Operatörler, işaretleri kullanarak çeşitli işlemler yapmak için kullanılan bir kavramdır.
- Atama operatörü eşittir (=) ile yapılır ve değişkenlere değer atanır.
- Birleştirme operatörü JavaScript'te artı (+) olarak kullanılır ve iki string ifadeyi birleştirir.
- 1:12:10Aritmetik Operatörler
- Aritmetik operatörler matematiksel işlemler için kullanılır: toplama (+), çıkarma (-), çarpma (*), bölme (/), mod alma (%), üs alma (**).
- Birer birer artırma (++) ve azaltma (--) operatörleri de aritmetik operatörler kapsamında anlatılır.
- Örnek olarak iki değişken tanımlayıp (sayı1=5, sayı2=3) toplama işlemi yaparak sonuç değişkenine atama yapılabilir.
- 1:17:20Bileşik Atama Operatörleri
- Bileşik atama operatörleri, aritmetik operatörlerin atama operatörü ile birleşmiş halidir: +=, -=, *=, /=, %=, **=.
- Bileşik atama operatörleri, işlemi yaparak aynı değişken içerisine atama yapar.
- Örneğin "sayı += 3" ifadesi, sayı değişkeninin üzerine 3 ekleyip tekrar aynı değişkene atama yapar.
- 1:19:56Karşılaştırma ve Mantıksal Operatörler
- Programlama dilinde iki önemli operatör grubu vardır: karşılaştırma operatörleri ve mantıksal (lojik) operatörler.
- Bu operatörler ağırlıklı olarak if-else ve switch-case yapısında kullanılan karşılaştırma işlemlerinde kullanılır.
- Karşılaştırma operatörleri, bir değişkenin veya değerin başka bir değerle karşılaştırmasını sağlar (örneğin: eşit mi, büyük mü, küçük mü).
- 1:21:15Eşitlik ve Denklik Karşılaştırması
- Eşitlik karşılaştırması (==) tamamen içeriğe odaklanırken, denklik karşılaştırması (===) hem içeriğe hem de verinin türüne odaklanır.
- Karşılaştırma işlemlerinin sonucu her zaman true (doğru) veya false (yanlış) değerini döndürür.
- Eşitlik karşılaştırması (==) ve denklik karşılaştırması (===) arasındaki fark, tür kontrolüdür; denklik karşılaştırması tür eşitliğini de kontrol eder.
- 1:22:57Diğer Karşılaştırma Operatörleri
- Eşitlik ve denkliğin zıttı olarak eşit değil (!=) ve denk değil (!==) operatörleri vardır.
- Büyüklük karşılaştırması için > (büyük), < (küçük), >= (büyük eşit), <= (küçük eşit) operatörleri kullanılır.
- Karşılaştırma işlemlerinin sonucu bir değişkene aktarılabilir ve ekrana yazdırılabilir.
- 1:26:29Mantıksal Operatörler
- Mantıksal operatörler diğer programlama dillerinde de aynıdır ve üç tür vardır: and (&&), or (||) ve not (!).
- Mantıksal operatörler, birden fazla karşılaştırma işlemini birbirine bağlamak için kullanılır.
- And operatörü, tüm karşılaştırmaların doğru olması durumunda true döndürür, or operatörü ise en az bir karşılaştırma doğruysa true döndürür.
- 1:31:29Mantıksal Operatörler ve Kullanımı
- Mantıksal operatörlerde "ve" operatörü kullanıldığında, tüm kuralların true değer döndürmesi gerekir; örneğin erkek olma ve yaş 18'den büyük olma koşulları aynı anda sağlanmalıdır.
- "Veya" operatörü kullanıldığında ise, kurallardan sadece birinin true olması yeterlidir; örneğin erkek olma veya yaş 18'den büyük olma koşullarından birinin sağlanması yeterlidir.
- Mantıksal operatörlerin yanlış kullanılması, örneğin metro kart kontrolü gibi sistemlerde ciddi hatalara yol açabilir.
- 1:37:22Mantıksal Operatörlerin Önemi
- Mantıksal operatörlerin doğru kullanımı çok önemlidir, aksi takdirde karmaşık yapılar kurulabilir ve testler eksik olabilir.
- "!" (not) operatörü, sonucu tam tersine çevirir; örneğin "5 > 1" true ise, "!(5 > 1)" false olacaktır.
- Programlama dilinde if-else yapısı, bir veya birden fazla şartı kontrol etmek için kullanılır.
- 1:39:17If-Else Yapısı
- En basit if yapısı, koşul sağlanırsa süslü parantez içindeki kod bloğu çalışır.
- Else yapısı, koşul sağlanmadığında çalışacak kodları içerir ve if ile birlikte kullanıldığında olumsuz durum da kontrol edilir.
- Birden fazla karşılaştırma yapmak için "if-else if-else" yapısı kullanılır, örneğin cinsiyet seçiminde erkek, kadın veya diğer seçenekler için farklı işlemler yapılabilir.
- 1:43:23İf-Else Yapısı ve Çalışma Prensibi
- İf-else yapısında süslü parantezlerin doğru kullanımı önemlidir, süslü parantez açılıp kapatılması gerekir.
- İf-else yapısında şartlar sırayla kontrol edilir, bir şart sağlandığında o blok çalışır ve diğer şartlar kontrol edilmez.
- İf-else yapısında yan yana yazım yöntemi kullanılabilir, süslü parantezi kapattıktan sonra "else if" veya "else" ifadeleri yanına alınabilir.
- 1:45:19İstanbul Kart Örneği
- İstanbul kart örneğinde kart türü ve kart bakiyesi değişkenleri tanımlanarak if-else yapısı kullanılmıştır.
- Kart türü "IBB" ise kart bakiyesi 1'den büyük eşitse geçiş yapılabilir, aksi halde "yetersiz bakiye" mesajı verilir.
- Bakiye güncelleme işlemi için "kartBakiye -= 1" veya "kartBakiye = kartBakiye - 1" gibi farklı yöntemler kullanılabilir.
- 1:49:54Mantıksal Operatörlerle Karşılaştırma
- Mantıksal operatörler (ve, veya) kullanılarak if yapısı içinde birden fazla şart kontrol edilebilir.
- "if (kartTürü == "IBB" && kartBakiye >= 1)" şeklinde bir kontrol yapıldığında, hem kart türü hem de bakiye kontrolü aynı anda yapılır.
- Bu yöntemde hata mesajı genel olur ve kullanıcı dostu değildir, çünkü hangi hata olduğunu belirtmez.
- 1:52:02Switch-Case Yapısı
- Switch-case yapısı, bir değişkeni birden fazla değerle karşılaştırmak için kullanılır.
- Switch'in parantezleri içerisine karşılaştırılacak değişken yazılır ve her bir karşılaştırma için "case" kullanılır.
- Case blokları sonunda "break" ifadesi kullanılarak o bloğun sonlandırılması sağlanır.
- 1:54:29Switch Case Yapısı ve Else Kullanımı
- Switch case yapısında tek başına else kullanımı için "default:" ifadesi kullanılır.
- Default case genellikle sonuncu case olarak yazılır ve programın çalışmasına karışmaz.
- Switch case yapısı, if else yapısının eşitlik karşılaştırması ile birebir aynıdır ve sadece eşitlik karşılaştırması yapar.
- 1:56:40Turner Operatörü
- Turner operatörü, basit karşılaştırma yapmayı sağlayan bir operatördür ve soru işareti ile gösterilir.
- Turner operatörü, karşılaştırma sonucuna göre iki farklı değer döndürebilir (true ise sol değer, false ise sağ değer).
- Turner operatörünün uzun hali if-else yapısı olarak yazılabilir.