Udemy - Sıfırdan İleri Seviye Modern Javascript Dersleri ES7+

Udemy - Sıfırdan İleri Seviye Modern Javascript Dersleri ES7+ | 2020

https://www.udemy.com/course/modern-javascript-kursu/

Description

Modern javascript dersleri ile (ES6 & ES7+) Nodejs, Angular, React ve VueJs için sağlam bir temel oluşturun.

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