README.md

JavaScript Eğitim Kodu - README

Yazar: Samet Aydınhan

Bu dosya, JavaScript programlama dilinde temel ve orta düzey konuları kapsayan kod örneklerini içermektedir. Bu örnekler, eğitim sırasında katılımcılara gösterilmiş ve uygulanmıştır. Her bir örnek, belirli bir konsepti anlamayı kolaylaştırmak amacıyla oluşturulmuştur.

---

İçindekiler

1. JavaScript ve HTML Bağlantısı Kontrol Etme
2. Fonksiyonlar
   • Basit Fonksiyonlar
   • Parametreli ve Varsayılan Değerli Fonksiyonlar
3. Anonim Fonksiyonlar ve Arrow Fonksiyonlar
4. SetTimeout ve SetInterval Kullanımı
5. Dizi İşlemleri
6. Obje İşlemleri

---

JavaScript ve HTML Bağlantısı Kontrol Etme

console.log("hello"); // Konsola "hello" yazdırır

---

Fonksiyonlar

Basit Fonksiyonlar

function hiPausiber() {
  console.log("hi paüsiber");
}
hiPausiber();

Parametreli Fonksiyonlar

function printHello(name) {
  console.log("Merhaba " + name);
}
printHello("Samet");

Fonksiyonlarda Return Kullanımı

function addition(sayi1, sayi2) {
  return sayi1 + sayi2;
}
console.log(addition(1, 2));

---

Anonim Fonksiyonlar ve Arrow Fonksiyonlar

Anonim Fonksiyonlar

var add = function (sayi1, sayi2) {
  console.log(sayi1 + sayi2);
};
add(5, 5);

Arrow Fonksiyonlar

const helloWorld = () => "Hello World";
console.log(helloWorld());

const carpim = (sayi1, sayi2) => sayi1 * sayi2;
console.log(carpim(3, 2));

---

SetTimeout ve SetInterval Kullanımı

SetTimeout Kullanımı

function printScreen2() {
  setTimeout(function () {
    console.log("İkinci ekran çıktısı");
  }, 3000);
}
printScreen2();

SetInterval Kullanımı

let counter = 1;
const intervalID = setInterval(function () {
  console.log(counter);
  counter++;
  if (counter === 10) {
    clearInterval(intervalID);
  }
}, 1000);

---

Dizi İşlemleri

Map ve Filter Kullanımı

const sayilar = [2, 3, 4, 5, 10];
const yeniArray = sayilar.map((sayi) => sayi * 2);
console.log(yeniArray);

const ages = [10, 20, 30, 40, 50, 60, 70];
const newAges = ages.filter((age) => age > 50);
console.log(newAges);

---

Obje İşlemleri

Obje Oluşturma ve Manipülasyon

const person = {
  firstName: 'Işınnur',
  lastName: 'Günay',
  age: 21,
  country: "Turkey",
  skills: ["HTML", "CSS", 'JavaScript', "React"],
};

person.country = "Spain";
person.skills.push("Java");
console.log(person);

Destructuring

const { firstName, lastName } = person;
console.log(firstName, lastName);

---

Notlar

• Kodlarda JavaScript fonksiyonları, fonksiyon yazımı ve obje kavramı anlatılmıştır.
• Örnekler üzerinde farklı denemeler yapılarak daha iyi bir öğrenim sağlanabilir.
• Kullanıcıların sorularını eğitmenlerle paylaşabilir.