Sıfırdan JavaScript: Web Sayfalarını Hayata Geçirin

HTML sayfanın iskeletini, CSS görünümünü kurar. JavaScript ise sayfayı hayata geçirir: tıklanınca tepki veren butonlar, değişen metinler, kullanıcıya sorulan sorular. Bu kurs, programlamaya hiç girmemiş birini adım adım o noktaya taşır. BAŞLANGIÇ JavaScript'in ne olduğu ve tarayıcıda nasıl çalıştığıyla başlıyoruz. Kodun nereye yazılacağını — sayfa içine <script> ile mi, yoksa harici bir .js dosyasıyla mı — ve aralarındaki farkı görüyoruz. İlk çıktılarımızı document.write ve alert ile alıyoruz. DEĞİŞKENLER VE OPERATÖRLER Değişken nedir, bellekte ne olur, nasıl isimlendirilir. var ile değişken tanımlama, değer atama ve değeri değiştirme. Ardından değişkenler üzerinde toplama, çıkarma, çarpma, bölme ve mod işlemleri; artırma/azaltma operatörleri ve metin birleştirme. DİZİLER Tek bir değişkende birden çok veri tutmak: dizi (array) oluşturma, indeks ile erişme, eleman ekleme ve güncelleme. Ardından iki boyutlu diziler (2D array) ile tablo benzeri veri saklama ve ilişkisel (associative) dizilerle anahtar-değer mantığı. KARAR YAPILARI Programın koşula göre farklı yollar izlemesi. if, else if ve else blokları; karşılaştırma operatörleri (>, <, ==, !=) ve eşitlik ile eşitsizliğin ayrımı. Mantıksal AND ve OR ile birden çok koşulu birleştirme. Çok seçenekli durumlar için switch yapısı ve break kullanımı. DÖNGÜLER VE FONKSİYONLAR Aynı işi tekrar tekrar yaptırmak: for döngüsü ve while döngüsü, sayaç mantığı ve döngü koşulu. Ardından fonksiyonlar: kodu bir kez yazıp defalarca çağırma, parametre gönderme ve fonksiyondan değer döndürme. KULLANICI İLE ETKİLEŞİM confirm ile kullanıcıya onay sorma ve dönen cevabı koşulla değerlendirme. prompt ile kullanıcıdan veri alma ve bu veriyi işleme. onclick olayı ile bir butona tıklandığında kod çalıştırma. DOM İLE ÇALIŞMAK Kursun en görsel bölümü. getElementById ile sayfadaki bir elemanı yakalama; innerText ile metnini, innerHTML ile HTML içeriğini değiştirme; style özelliği ile rengini, boyutunu ve görünümünü JavaScript üzerinden kontrol etme. Kurs, öğrendiklerinizi birleştiren bir kapanış dersiyle sona erer. Her ders kısa, odaklı ve doğrudan uygulamalıdır. Kod satır satır birlikte yazılır.

Müfredat

1. JavaScript'e Başlangıç

   • Kursa Giriş: JavaScript NedirÜcretsiz önizleme
   • JavaScript Kodu Nereye YazılırÜcretsiz önizleme
   • document.write Kullanımı
   • alert Fonksiyonu

2. Değişkenler ve Operatörler

   • Değişkenler ve var
   • Değişkenler Üzerinde İşlemler

3. Diziler

   • Diziler (Array)
   • İki Boyutlu Diziler (2D Array)
   • İlişkisel Diziler (Associative Array)

4. Karar Yapıları

   • Koşullar: if, else if, else
   • Karşılaştırma ve Eşitlik Operatörleri
   • Mantıksal Operatörler: AND ve OR
   • switch Yapısı
   • switch Yapısı — İleri Kullanım

5. Döngüler ve Fonksiyonlar

   • for Döngüsü
   • while Döngüsü
   • Fonksiyonlar

6. Kullanıcı ile Etkileşim

   • confirm Fonksiyonu
   • confirm ile İleri Uygulamalar
   • prompt Fonksiyonu ile Veri Alma
   • onclick Olayı

7. DOM ile Çalışmak

   • getElementById ile Eleman Seçme
   • innerText ile Metin Değiştirme
   • innerHTML ile İçerik Değiştirme
   • style ile Görünümü Değiştirme
   • Kurs Sonu ve Sonraki Adımlar

8. Sıfırdan JavaScript — Bitirme Sınavı

   Son aşama: 20 soru, geçme notu %70. Başarılı olunca sertifikanız açılır.

Sertifika önizlemesi

Kursu bitirip sınavı geçtiğinizde sertifika böyle görünür. Adınız yalnızca belge düzenlendiğinde eklenir.

Kazanacağınız beceriler

• JavaScript'in tarayıcıda nasıl çalıştığını ve kodun nereye yazılacağını öğrenin
• document.write ve alert ile ilk çıktılarınızı üretin
• Değişken tanımlayın, değer atayın ve üzerlerinde işlem yapın
• Diziler, iki boyutlu diziler ve ilişkisel dizilerle veri saklayın
• if, else if ve else ile programın akışını koşula bağlayın
• Karşılaştırma operatörlerini ve mantıksal AND / OR'u doğru kullanın
• Çok seçenekli durumları switch yapısıyla temiz şekilde yazın
• for ve while döngüleriyle tekrarlı işleri otomatikleştirin
• Fonksiyon yazın, parametre gönderin ve değer döndürün
• confirm ve prompt ile kullanıcıdan onay ve veri alın
• onclick olayıyla butonlara tıklandığında kod çalıştırın
• getElementById, innerText, innerHTML ve style ile sayfayı dinamik değiştirin

Örnek

Skillora

Başarı Sertifikası

Bu belge

aşağıdaki kursu başarıyla tamamladığı için verilmiştir

Sıfırdan JavaScript: Web Sayfalarını Hayata Geçirin

Seri No

SKL-XXXX-XXXX

Verilış Tarihi

—

SkilloraSeal

Karim Al-Rashid

İmza

Karim Al-Rashid

Kıdemli Frontend Geliştirici · UI/UX Uzmanı

Bu sertifikayı doğrulayın

skillora.site/en/verify