Description

Course content

• Tanıtım
  • Neden Javascript Öğrenmeliyim ?
  • Kursa Başlamadan
  • Visual Studio Code Kurulumu
• 1. Seviye: Javascript Temelleri
  • Javascript' i Tanıyalım
  • Değişkenler
  • Değişken Türleri
  • Tür Dönüşümü
  • Uygulama : Değişkenler
  • Operatörler
  • Uygulama : Operatörler
  • Dates & Times
  • Uygulama : Dates
  • Numbers & Number Metotları
  • Uygulama : Numbers
  • Strings & String Metotları
  • Template Literals
  • Uygulama : Strings
  • Dizi & Dizi Metotları
  • Uygulama : Diziler
• 2.Seviye: Javascript Temelleri
  • If / Else Koşul İfadeleri
  • Switch Koşul İfadeleri
  • Uygulama : Koşul İfadeleri
  • Object Literals
  • Uygulama : Object Literals
  • Döngüler
  • Dizi & Nesnelerin Döngü ile Kullanımı
  • Uygulama : Döngüler
  • Fonksiyonlar
  • Function Declarations & Expressions
  • Uygulama : Fonksiyonlar
  • Window Nesnesi
  • Scopes (Let & Const)
  • Javascript Temelleri
• Javascript Dom & Events
  • Dom Nedir ?
  • Document Object Model' i Tanıyalım
  • Tekil Element Seçimi
  • Çoklu Element Seçimi
  • Dom Elementleri Üzerinde Gezinme
  • Element Oluşturma
  • Element Silme & Güncelleme
  • Event Listeners Kullanımı
  • Mouse Events
  • Keyboard Events
  • Event Bubbling & Capturing Olayları
  • Tarayıcı Bilgi Saklama : Local & Session Storage
• Proje #1 - Todo Uygulaması - Dom
  • Uygulama Tasarım Yapımı
  • Todo Eleman Ekleme
  • Todo Eleman Silme
  • Todo Elemanlarını Diziden Sayfaya Aktarma
  • Local Storage ile Çalışma
• Proje #2 - Slider Uygulaması - Dom
  • Uygulama Tasarım Yapımı
  • İlk Slider' in Yüklenmesi
  • Slider Kontrollerinin Eklenmesi
  • Rastgele Slider & Slider Geçiş Süresi Ayarı
• Proje #3 - Form Validator - Dom
  • Uygulama Tanıtımı
  • Uygulama Tasarımı
  • Temel Validation Kurallarının Uygulanması - Required Validation
  • Kodların Düzenlenmesi
  • Diğer Validation Kurallarının Uygulanması
• Javascript Nesne & Fonksiyonlar
  • Objects
  • Nesne Oluşturma : Constructor
  • Prototype
  • Uygulama : Constructor & Prototype
  • Object.create
  • Prototype Tabanlı Kalıtım
  • Built-in Constructors
  • Uygulama : Kalıtım
  • Primitive & Objects
  • Callback Fonksiyonlar
  • Immediate Fonksiyonlar
  • Fonksiyondan Fonksiyon Döndürme
  • Getter & Setters
  • Call, Apply & Bind
  • Uygulama : Call, Apply & Bind
  • Error Handling (Try/Catch)
  • Uygulama : Error Handling
• Proje #4 - Quiz Uygulaması - OOP
  • Question Objesinin Oluşturulması
  • Quiz Objesinin Oluşturulması
  • Arayüzün Oluşturulması
• Modern Javascript : ES6 / ES7+
  • Arrow Function
  • "this" Keyword
  • Spread Operator
  • Rest Parameters
  • Destructuring
  • ES6 'da Dizi Kullanımı
  • Maps
  • Sets
  • Sınıflar
  • Static Metotlar
  • Alt Sınıflar
• Proje #5 - Course Uygulaması - ES6 Class
  • Uygulama Tasarım Yapımı
  • Course Objesinin Oluşturulması
  • Arayüzün Oluşturulması (UI)
  • Listeden Eleman Silme
  • Bilgilendirme Mesajları
  • ES5 Constructor' dan ES6 Sınıflarına Dönüşüm
  • Local Storage' a Kayıt Ekleme ve Kayıt Okuma
  • Local Storage' dan Kayıt Silme
• Asekron Programlama & AJAX
  • Asenkron Programlama Nedir ?
  • Ajax & XHR Objesini Tanıyalım
  • JSON ile Çalışma
  • Uygulama : JSON
  • Rest Api ile HttpGet Talepleri
  • Rest Api ile HttpPost Talepleri
  • Callback Fonksiyonları ile Asekron Programlama
  • Promise ile Asekron Programlama
  • Uygulama : Promise - 1
  • Uygulama : Promise - 2
  • Fetch API
  • Async & Await ile Asekron Programlama
• Proje #6 - Döviz Çeviri Uygulaması - Api Projesi
  • Uygulama Tanıtımı
  • Uygulama Tasarımının Hazırlanması
  • Exchange Api Servisinin Kullanılması
  • Para Birimi Sembollerinin Getirilmesi
  • Döviz Kurlarının Hesaplanması
• Proje #7 - Profil Arama - Api Projesi
  • Uygulama Tasarım Yapımı
  • Profil Bilgilerinin Sorgulanması
  • Profil Bilgilerinin Tasarıma Aktarılması
  • Profilin Ek Bilgi Sorgulaması
• Javascript Patterns
  • Module Pattern
  • Demo : Module Pattern
  • Singleton Pattern
  • Factory Pattern
• Proje #8 - Oem Calculator - Module Pattern
  • Uygulama Tanıtımı
  • Uygulama Tasarım Yapımı
  • Modüllerin Oluşturulması
  • Data Yapısının Oluşturulması
  • Liste Elemanlarının Oluşturulması
  • Listeye Eleman Ekleme
  • Toplam TL ve Dolar Bilgisinin Hesaplanması
  • Güncellenecek Bilginin Sorgulanması
  • Seçilen Elemanın Kontrollere Aktarılması
  • Ekleme ve Güncelleme Arayüzleri
  • Güncellemenin Yapılması
  • Güncelleme İptal İşlemi
  • Listeden Ürün Silme
  • Local Storage' a Kayıt Ekleme ve Okuma
  • Local Storage' da Güncelleme ve Silme
• Nodejs & Npm
  • Nodejs Nedir ?
  • NodeJs Kurulumu
  • Nodejs ile Hello World Uygulaması
  • Node Module
  • Node Package Manager (Npm) & Package.json
  • Npm ile Paket Kurulumu & Kullanımı
  • Global & Local Paketler
• Webpack, Babel & ES6 Module
  • Modern Javascript Araçları
  • Webpack Konfigürasyonu
  • Webpack Dev Server Kurulumu
  • Babel Konfigürasyonu
  • ES6 Module
• Proje #9 - Film Projesi - Modern Javascript Projesi
  • Film Servisinin Tanıtılması-themoviedb
  • Film Bilgilerinin Servis Üzerinden Alınması
  • Search Modelinin Eklenmesi
  • Search Controller
  • Search View
  • Bootstrap ile Tasarım Oluşturma
  • Movie Modelinin Eklenmesi
  • Movie Controller
  • Film Detayının Gösterilmesi
  • Film Detaylarının Gizlenmesi
  • Loading Icon
• TypeScript
  • TypeScript Nedir ?
  • İlk TypeScript Çalışması
  • Types
  • Type Assertions
  • Functions
  • Interface
  • Class
  • Objects
  • Constructors
  • Access Modifier
  • Properties
  • Modules
  • TypeScript Genel Uygulama
• Bonus
  • Diğer Kurslarım

modern-javascript-kursu.part1.rar

modern-javascript-kursu.part2.rar

modern-javascript-kursu.part3.rar