Description

Course content

• Eğitime Giriş
  • Web Geliştirme Uzmanlığına Giden Yolda Eğitimleri Hangi Sıra İle İzlemeliyim?
  • Eğe ile neler yapabilirsiniz?
  • Eğitmen Önerileri
  • Önce Javascript mi? JQuery mi?
  • Kursa Nasıl Çalışmalıyız?
  • Kursa Nasıl Çalışmalıyız? Ek Müfredat Bilgisi
  • Sublime Text Kod Editörü Kurulumu ve Proje Dosyalarının Çalıştırılması
• Javascript (JS) Giriş
  • Nedir Bu Javascript?
  • Projemize Dahili JS Kodları Nasıl Yazılır?
  • Projemize Harici JS Dosyaları Nasıl Dahil Edilir?
  • Console.log Kullanımı
  • JS Yorum Satırları
  • JS Yazım Kuralları
  • Ayrılmış Reserved Kelimeleri Kullanmayın!
  • Özel İşaretlerin Kullanımı
  • Değişkenlere Giriş ve Yazım Kuralları
  • Değişkenler Nedir ve Değişken Türleri Nelerdir
  • Değişkenlerin Kapsamı
• JS Operatörler
  • Operatörlere Giriş
  • Aritmetik Operatörler
  • Atama Operatörleri
  • Arttırma ve Azaltma Operatörleri
  • Karşılaştırma Operatörleri
  • Mantıksal Operatörler
  • String Operatörü
  • Proje Ödevi - String Operatörü ve Değişkenleri Kullanarak İşlem Yapma
  • Ternary Koşul Operatörü
  • typeof Operatörü
  • Void Operatörü
• JS Koşullar
  • If Koşulu
  • Proje Ödevi - Kullanıcı Giriş Doğrulama
  • Proje Ödevi - Belirlenen 3 Sayının En Büyüğünü Bulma
  • Switch Koşulu
  • Proje Ödevi - Hangi Günde Olduğumuzu Ekrana Yazdırma
• JS Döngüler
  • document.write ve .writeln Kullanımı
  • alert Kullanımı
  • prompt Kullanımı
  • For Döngüsü
  • Proje Ödevleri 2 Tane
  • Proje Ödevi - Sayılar Tek mi? Çift mi? Döngü İle Başlık Etiketi Yazdırma
  • While Döngüsü
  • Do While Döngüsü
  • For In Döngüsü
  • İç İçe Döngü Mantığı ve Çarpım Tablosunun Yazdırılması
  • Break Deyimi
  • Continue Deyimi
• JS Hata Yönetimi
  • Try-Catch
  • Try-Throw
  • Try-Catch-Finally
• JS Dizi Nesnesi ve Dizi Fonksiyonları
  • Dizi Oluşturma
  • Proje Ödevi - For ve For İn Döngüsü ile Dizileri Yazdırma
  • Çok Boyutlu Dizi Oluşturma
  • Hazır Dizi Fonksiyonlarına Giriş
  • toString Kullanımı
  • join Kullanımı
  • pop Kullanımı
  • push Kullanımı
  • shift Kullanımı
  • Unshift Kullanımı
  • splice Kullanımı
  • delete Kullanımı
  • concat Kullanımı
  • slice Kullanımı
  • lenght Kullanımı
  • reverse Kullanımı
  • sort Kullanımı
  • indexof Kullanımı
  • some Kullanımı
• JS Fonksiyonlar
  • Fonksiyon Nedir ve Nasıl Tanımlanır?
  • Proje Ödevi Doğum Yılına Göre Yaş Hesaplama Fonksiyonu
  • return Kullanımı
  • Fonksiyon Geçişleri
  • Recursive Fonksiyonlar
  • Proje Ödevi - Girilen Sayıya Kadar Olan Sayıları Toplatan Fonksiyon
  • Hazır Fonksiyonlara Giriş
  • encodeURI & decodeURI Fonksiyonları
  • eval Fonksiyonu
  • isFinite Fonksiyonu
  • isNAN Fonksiyonu
  • Number Fonksiyonu
  • parseFloat Fonksiyonu
  • parseInt Fonksiyonu
  • string Fonksiyonu
• JS Nesneler
  • Nesne Nedir ve Nasıl Nesne Oluşturulur
  • Nesne Alanlarına Erişim ve Özellikleri
  • Nesnelere Metod Nasıl Eklenir
  • Prototype Nesnelere Ekstra Yeni Özellik Ekleme
• JS Nesneler - String Nesnesi
  • lenght Kullanımı
  • indexOf Kullanımı
  • lastIndexOf Kullanımı
  • search Kullanımı
  • substr Kullanımı
  • replace Kullanımı
  • toLowerCase Kullanımı
  • toUpperCase Kullanımı
  • concat - Kullanımı
  • split Kullanımı
• JS Nesneler - Math Nesnesi
  • Math Nesne Özellikleri
  • ceil Kullanımı
  • floor Kullanımı
  • min ve max Kullanımı
  • round Kullanımı
  • sqrt Kullanımı
  • random Kullanımı
  • Proje Ödevi - Şans Oyunu ;) Yapımı
• JS Nesneler - Date Nesnesi
  • getDate Kullanımı
  • getDay Kullanımı
  • getMonth Kullanılımı
  • getFullYear Kullanımı
  • setDate Kullanımı
  • setFullYear Kullanımı
  • setMonth Kullanımı
  • getHours, setHours Kullanımı
  • getMinutes, setMinutes Kullanımı
• DOM (Document Object Model)
  • Nedir bu DOM?
  • getElementById - Elemanları Bulma
  • getElementsByTagName - Elemanları Bulma
  • getElementsByClassName - Elemanları Bulma
  • innerHTML - Elemanları Değiştirme
  • style.property - CSS Özelliklerine Müdahale
  • attribute - setAttribute Elemanları Değiştirme
  • createElement - Eleman Ekleme
  • removeChild - Eleman Silme
  • appendChild - createTextNode Eleman Ekleme
  • replaceChild - Eleman Değiştirme
  • querySelector - Css Özelliklerine Müdahale
  • Ekstra Bazı Document Özellikleri
  • Bölüm Ders Dosyaları
• JS- DOM Events - Mouse Olayları
  • onclick Olayı
  • Proje Ödevi - Girilen 2 Sayıyı Toplama İşlemi
  • confirm Onay İşlevi
  • onDblClick Olayı
  • oncontextmenu Olayı
  • onmouseenter Olayı
  • onmouseleave Olayı
  • Onload Olayı
  • onmouseover ve onmouseout Olayı
  • onmouseup ve onmousedown Olayı
  • Proje Ödevi - Ampul Yak Söndür Uygulaması
  • onmousemove Olayı
  • Bölüm Ders Dosyaları
• JS- DOM Events - Mouse Olayları - Ek Özellikleri
  • altKey, ctrlKey, shiftKey Kullanımı
  • which Kullanımı
  • button Kullanımı
  • buttons Kullanımı
  • detail Kullanımı
  • Proje Ödevi - 1 Kez Tıklanan Butonu Gizleme
  • clientX, clientY Kullanımı
  • Proje Ödevi - 2 Resim Arasında ki Farkları Bulma Uygulaması
  • preventDefault() Event Methodu
  • Bölüm Ders Dosyaları
• JS- DOM Events - Klavye Olayları
  • onkeydown Olayı
  • onkeypress Olayı
  • onkeyup Olayı
  • Bölüm Ders Dosyaları
• JS- DOM Events - Klavye Olayları - Ek Özellikleri
  • altKey, ctrlKey, shiftKey Kullanımı
  • charCode, which, keycode Kullanımı
  • key Kullanımı
  • Bölüm Ders Dosyaları
• JS- DOM Events - Form Olayları
  • onblur Olayı
  • Proje Ödevi - Forma Girilen Verilerin Doğruluk Kontrolünün Yapılması
  • onchange Olayı
  • onfocus Olayı
  • onfocusin - onfocusout Olayları
  • Proje Ödevi - Forma Girilerin Verilerin Tamamını Büyük Harfe Çevirin
  • oninput Olayı
  • oninvalid Olayı
  • onreset Olayı
  • onsearch Olayı
  • onselect Olayı
  • onsubmit Olayı
  • Bölüm Ders Dosyaları
• BOM (Browser Object Model) Window Nesnesi Özellikleri
  • open Kullanımı
  • close Kullanımı
  • Proje Ödevi - Pencere Açık mı - Kapalı mı
  • name Kullanımı
  • innerWidth - innerHeight Kullanımı
  • outerWidth - outerHeight Kullanımı
  • pageXOffset - pageYOffset Kullanımı
  • sessionStorage Kullanımı
  • self- Top Kullanımı
  • Bölüm Ders Dosyaları
• BOM (Browser Object Model) Navigator, Screen, History Nesnesi Özellikleri
  • Navigator Nesnesi İle Detaylı Tarayıcı Özelliklerine Nasıl Ulaşabiliriz?
  • Screen Nesnesi İle Detaylı Tarayıcı Özellikleri
  • History Nesnesi go, forward, back Kullanımı
• JS - AJAX
  • Ajax Nedir ve Nasıl Çalışır?
  • XMLHttpRequest nesnesi oluşturma
  • Tarayıcı Uyumluluk Kontrolü
  • Sunucuya İstek Gönderme ve Alma
  • İşlem Durumunun Kontrolü ve Verinin Çekilmesi
  • JS AJAX ile Php Sayfasından Veri Çekilmesi
  • JS AJAX POST ile Veri Gönderme ve Alma İşlemi
  • Proje Ödevi - JS AJAX ve PHP ile Sayfa Yenilenmeden Not Bulma Sistemi
  • Bölüm Ders Dosyaları
• JS - JSON (JavaScript Object Notation)
  • JSON Nedir?
  • JSON Oluşturma ve Verilere Ulaşma
  • Proje Ödevi - JSON Nesnesini Döngü ile Yazdırmak
  • JSON ile Veri Gönderme
  • JS ile Gönderip PHP ile JSON Verisi Okuma
  • Ajax İsteği ile JSON Dosyasından Veri Okuma
  • Bölüm Ders Dosyaları
• Bu Kurs Sonrası Neler Yapabilirsiniz?
  • Eğitmen Önerileri ve Yeni Projelerle Kendimi Nasıl Geliştiririm?
• BONUS
  • Özel Fırsatlar