ES6 Türkçe Kaynaklar Listesi (:zap: Liste devamlı güncelleniyor)

ES6 konuları hakkında birşeyler yazmalıyım dedim, kaynakları araştırırken bu konuda çok Türkçe kaynak olduğunu gördüm. Bu sevindirici bir durum. Sonra ES6 hakkında yazı yazmak yerine bu yazılanları kategorize edip bir liste haline getirip github'ta paylaşmak daha mantıklı olacağını düşündüm. Yeni makaleler eklendikçe veya bu makalelerden linki ölen olursa çıkarmayı hep beraber yaparız dedim.

Ben okuduğum kaynaklara göre bir sınıflandırma yaptım. Bu konuda farklı önerisi olan arkadaşların fikirlerine açığım. Zaten listenin github'ta olma sebebide bu. Bu listeyi canlı tutmak.

Buradan aşağıdaki listede yazısı bulunan tüm arkadaşlara şükranlarımı sunuyorum.

Benim gözümden kaçan ve aramalarımda karşıma çıkmayan kaynakları eklemeyi unutmayın lütfen.

video eğitimlerinin yanına :video_camera: işaretini koydum.

yeni eklediğim yazıların başına :star: işaretini koydum.

Sitesine erişemediğim yazıları 🚫 işaretiyle belirttim.

İçindekiler

• ES6 giriş ve toplu ES6 yazıları
• Değişkenler let ve const
• Template literal
• Ok (Arrow) fonksiyonları
• ES6 Yeni String Metodları
• ES6 Dizi İşlemleri
• Başlangıç parametre değerleri (Default Parameters)
• Spread Operator (...) ve Rest parametresi
• Object literal
• Destructuring
• Sınıf (Class)
• Genarator fonksiyonlar
• Modüller (Modules)
• Promise
• Sembol (Symbol)
• Set Nesnesi
• Map ve WeakMap Nesneleri
• Proxy
• Ücretli Eğitimler

ES6 giriş ve toplu ES6 yazıları

• ECMAScript 6 Hakkında - Ömer Gülçiçek
• JavaScript'in Yeni Sürümü EcmaScript 6'ya Giriş Türkçe Sunum - Üstün Özgür :video_camera:
• JavaScript ES6 - Yusuf Sezer
• ES6: Nedir? - Uçbirim :video_camera:
• 🚫 ECMAScript 6 (ES6) Nedir? Nasıl Kullanılır? - buraktokak.com/ecmascript-6-es6-nedir-nasil-kullanilir/ - Burak Tokak
• ES6 Eğitimi - Ders 1 - Hale Nur Çalışkan
• ES5, ES6, ES2016, ES.Next: JavaScript sürümleri nasıl ilerliyor? - Oğuzhan Aslan
• ES6 yazı serisi - Ahmet Şimşek
• ECMAScript6 nedir? Nasıl kullanılır, Neden kullanmalıyız? - Çağatay Çalı
• 🚫 EcmaScript 6 Nedir? Bilinmesi Gerekenler - mehmetmasa.com.tr/javascript-dersleri/ecmascript-6-nedir-bilinmesi-gerekenler/ - Mehmet Maşa
• 🚫 Javascript Notları(ECMA6)-Başlangıç - www.youtube.com/watch?v=IMnmjHlc1l0 - Fatih Çakıroğlu :video_camera:
• 🚫 ES6 / ES7 ile Javascript e gelen yenilikler - yazilimgunlugu.org/es6-es7-ile-javascript-e-gelen-yenilikler/ - Yazılım Günlüğü
• ES6 - Barış Aydek
• ECMAScript 6 (Harmony) - Aziz Arslan
• Javascript: Eski Köye Yeni Adet - Tahir Kardak
• Airbnb JavaScript Kılavuzu - ECMAScript 6+ (ES 2015+) Özellikleri - Eray Çetinay
• Ecma Script nedir? - Halit Izgın / kodevreni
• Javascriptin en gıcık konuları: Webpack, Babel, Eslint ve Diğerleri - Murat Turkay
• ECMAScript 6 - ES6 - (ES 2015) Nedir? - webcebir
• ES6 ile Gelen Yenilikler - Emre Acar
• 🚫 Javascript ES6 Notlar Part — 1 - medium.com/@odayibasi/javascript-es6-notlar-part-1-a78acf9ba77e - Onur Dayıbaşı
• ES6 Eğitimi - Ders 1 - Hale Nur Bolatcan
• Fonksiyonel Programlama Nedir? (JavaScript ES6 Üzerinden Anlatım) - Zafer Ayan
• JavaScript’de “Nullish Coalescing Operator” ile Doğru Varsayılan Değer Atama - Tuğsan Ünlü
• JavaScript “Optional Chaining” Operatörü - Tuğsan Ünlü
• JavaScript’de “Record & Tuple” ile Native Değişmezlik Sağlamak - Tuğsan Ünlü

Değişkenler let ve const

• var, const ve let - Büşra Memiş
• var’dan const-let’e - ECMAScript 6 - Türkçe Doküman - Ömer Gülçiçek
• IIFE’den blocklara - ECMAScript 6 - Türkçe Doküman - Ömer Gülçiçek
• ECMAScript6 nedir? Nasıl kullanılır, Neden kullanmalıyız? - Çağatay Çalı
• ES6 Değişkenler (var, let, const) - İrfan Simsar
• ECMAScript 6 - Değişkenler - Sercan Eraslan
• javaScript Var, Let ve Const - webcebir
• ES6 Eğitimi - Ders 3 (Değişkenler) - Hale Nur Çalışkan
• JS Ders 1 Ecmascript 6 let kullanımı - fehmiuyarnet :video_camera:
• JS Ders 2 Ecmascript 6 const kullanımı - fehmiuyarnet :video_camera:
• 🚫 Javascript Notları(ECMA6)-Değişlenler - youtube.com/watch?v=QnDI24SQh3c - Fatih Çakıroğlu :video_camera:
• ECMAScript 6 – let Değişken Tipi - Gencay Yıldız
• 🚫 Ecmascript 6 Dersleri 1 - Var, Let ve Const - Part 1 - youtube.com/watch?v=oYdr1w9Ti1M - Yazılım Bilimi :video_camera:
• Scope, let ve const - Erdinç Uzun
• JavaScript Tanımlamada var, let ve const farkı - Ahmet Onur Solmaz
• Javascript Dersleri 44 Let Ve Const Kullanımı (ES6) - kolay video dersleri :video_camera:
• ECMAScript 6 ile gelen let, const, default parametreler - Tarık Güney :video_camera:
• Javascript’te Değişkenlerin Etki Alanları - Haydar Can
• JavaScript’de const ve Sabit Tanımlar - Haydar Can
• Javascript Let,Const vs Var - sanalonyedi :video_camera:
• Popüler Bir Javascript İşe Alım Sorusu - Erdoğan Bavaş
• JavaScript | Function Scope vs Block Scope - Tuğrul Bayrak
• Modern JavaScript(ES6+) Eğitiminden Notlar - malikmasis
• Javascript | var-let-const kavramları #1 - Göktuğ Sultan
• Neden ? var → let, const - Onur Dayıbaşı
• ES6 Eğitimi - Ders 3 (Değişkenler) - Hale Nur Bolatcan

Template literal

• Javascript ES6'dan En Çok Kullandığım 5 Özellik - 3 Template literals - Durul Doktoroglu
• javaScript Template Literal - webcebir
• 🚫 ECMAScript 6 ile String ve Değişken Gömme Özelliği - buraktokak.com/ecmascript-ile-string-ve-degisken-gomme-ozelligi/ - Burak Tokak
• 🚫 JAVASCRIPT’TE TEMPLATE LİTERAL VE DATE OBJESİ - kodportali.com/yazilim/javascriptte-template-literal/ - Kod Portali / Muhammet Ali Can
• JS Ders 9 Ecmascript 6 Template Literals - fehmiuyarnet :video_camera:
• ES6 Template strings nedir? Nasıl kullanılır?
• 🚫 Javascript Notları(ECMA6)-TemplateString ve Default Deger - youtu.be/hAoc4HMTgcQ?t=155 - Fatih Çakıroğlu :video_camera:
• ECMAScript 6 – Template Literal - Gencay Yıldız
• Template Literals - Erdinç Uzun
• ES6: Template literals ve tagged template literals - uçbirim :video_camera:
• ES6 | Template Literals #3 - Göktuğ Sultan

Ok (Arrow) fonksiyonları

• Arrow fonksiyonları - ECMAScript 6 - Türkçe Doküman Ömer Gülçiçek
• Javascript ES6'dan En Çok Kullandığım 5 Özellik - 1 Arrow functions - Durul Doktoroglu
• Nedir bu Arrow Function (ES6)) - İrfan Simsar
• 🚫 ECMAScript 6 Arrow Fonksiyon Notasyonu Kullanımı - buraktokak.com/ecmascript-6-arrow-fonksiyon-notasyonu-kullanimi/ - Burak Tokak
• Arrow Function: Nerede kullanıyoruz? Neden Kullanıyoruz? - Özer Yılmaztekin
• Arrow functions - MDN Türkçe çeviri MDN
• ES6: Ok fonksiyon (arrow function) tanımlaması - Uçbirim
• ES6 arrow functions - Emrah
• Javascript EcmaScript 2015 (ES6) ile gelen Arrow Function Kullanımı - Sadık Turan :video_camera:
• JS Ders 5 Ecmascript 6 Arrow Functions - fehmiuyarnet :video_camera:
• ECMAScript 6 – Arrow Functions - Gencay Yıldız
• Arrow Fonksiyonu - Erdinç Uzun
• javaScript ARROW(OK) FONKSİYONLAR - Webcebir
• :star: ES6 | Arrow Functions #4 - Göktuğ Sultan

ES6 Yeni String Metodları

• ES6 Yeni String Metodları - İrfan Simsar
• JS Ders 18 Ecmascript 6 ile eklenen number ve string metodları - fehmiuyarnet :video_camera:
• ES6: find, includes, repeat ve bir kaç gömülü metod - uçbirim :video_camera:

ES6 Dizi İşlemleri

• JavaScript İle Temel Dizi İşlemleri - Çağatay Çalı
• 🚫 Javascript Array.map() Metodu ve Kullanımı buraktokak.com/javascript-array-map-metodu-ve-kullanimi/ - Burak Tokak
• Javascript Map Metodu - Mustafa Zahid EFE
• Javascript Filter Metodu - Mustafa Zahid EFE
• JavaScript hap yazısı : Array.some(), Array.every() ve Array.findIndex() - Murat Doğan
• Bilmeniz gereken 10 JavaScript dizi(Array) metodu - Yusuf GÜNGÖR
• ES6: map ve filter fonksiyonları - Uçbirim :video_camera:
• Javascript: Map, Reduce Ve Filter – Bölüm 1 - bilisim.io / Tahir Kardak
• Javascript: Map, Reduce Ve Filter — Bölüm 2 - bilisim.io / Tahir Kardak
• Javascript: Map, Reduce Ve Filter — Bölüm 3 - bilisim.io / Tahir Kardak
• Javascript: Map, Reduce Ve Filter — Bölüm 4 - bilisim.io / Tahir Kardak
• 🚫 Javascript Notları(ECMA6)-Diziler youtube.com/watch?v=XFoID44CRzQ - Fatih Çakıroğlu :video_camera:
• 🚫 Javascript Notları(ECMA6)-Diziler[Object.Keys] - youtube.com/watch?v=hB6FvYrwxbs - Fatih Çakıroğlu :video_camera:
• 🚫 Javascript Notları(ECMA6)-Diziler[Some] - youtube.com/watch?v=cmiwG_lRAgg - Fatih Çakıroğlu :video_camera:
• 🚫 Javascript Notları(ECMA6)-Diziler[Find] - youtube.com/watch?v=E7QHgnVarAQ - Fatih Çakıroğlu :video_camera:
• 🚫 Javascript Notları(ECMA6)-Diziler[Filter] - youtube.com/watch?v=4dyeVNVobS8 - Fatih Çakıroğlu :video_camera:
• 🚫 Javascript Notları(ECMA6)-Diziler[Reduce] - youtube.com/watch?v=7DRCi4kZZbA - Fatih Çakıroğlu :video_camera:
• JavaScript Filter Map Reduce - Gökhan Çelik
• Javascript reduce Fonksiyonu - İbrahim Kürce
• Javascript’te Toplam Almanın Farklı Yöntemleri - İbrahim Kürce
• Custom filter ve map Fonksiyonları - İbrahim Kürce
• Map ve Reduce - Javascript - sanalonyedi :video_camera:
• :star: ES6 | Map-Filter-Reduce #5 - Göktuğ Sultan
• :star: ES6 | Find-Some-Every #6 - Göktuğ Sultan
• JS’de ES6 ve Sonrasında Gelen Yardımcı Fonksiyonlar - Onur Dayıbaşı
• JavaScript ile Fonksiyonel Programlama: Map, Filter, Reduce - Zafer Ayan

Başlangıç parametre değerleri (Default Parameters)

• Parametreleri varsayılan değerleriyle kullanmak - ECMAScript 6 - Türkçe Doküman - Ömer Gülçiçek
• Parametre isimlerini kullanmak - ECMAScript 6 - Türkçe Doküman - Ömer Gülçiçek
• JS Ders 3 Ecmascript 6 Default Parameters (Varsayılan Parametreler) - fehmiuyarnet :video_camera:
• 🚫 Javascript Notları(ECMA6)-TemplateString ve Default Deger - youtu.be/hAoc4HMTgcQ - Fatih Çakıroğlu :video_camera:
• Genişletilmiş Parametre Yönetimi - Erdinç Uzun
• 🚫 ECMAScript 6: Default Values http://ersu.me/article/javascript/ecmascript6-default-values - Hakan Ersu
• javascript ES-6 Default Parameters (Varsayılan Parametreler) - Webcebir
• Javascript | Default Parametre Atama #2 - Göktuğ Sultan

Spread Operator (...) ve Rest parametresi

• apply()’den spread operatörlere - ECMAScript 6 - Türkçe Doküman - Ömer Gülçiçek
• concat()’den spread operatörlere - ECMAScript 6 - Türkçe Doküman - Ömer Gülçiçek
• Javascript ES6'dan En Çok Kullandığım 5 Özellik - 4 Obje ve dizi rest/spread operatörleri - Durul Doktoroğlu
• Javascript’de destructuring hikayesi - Bolum 6: spreading operator - Emrah
• JS Ders 10 Ecmascript 6 Spread Operator Kullanımı - fehmiuyarnet :video_camera:
• Sen JavaScript’in Bir Lütfusun Spread Operatör - Extended Version :) - Murat Doğan
• ES6: Spread (...) operatörü - Uçbirim :video_camera:
• Javascript Harikaları-1 : Rest Parameters - bilisim.io / Tahir Kardak
• ES6 Default + rest + spread nedir? Nasıl kullanılır? - Ahmet Şimşek
• ECMAScript 6 – Spread Operator - Gencay Yıldız
• Gelişmiş Atama - Erdinç Uzun
• Javascript Harikaları-2 : Spread Syntax - Tahir Kardak

Object literal

• ES6 Enhanced object literals nedir? Nasıl kullanılır? - Ahmet Şimşek
• Javascript ES6'dan En Çok Kullandığım 5 Özellik - 5 Property-value shorthand notation - Durul Doktoroğlu
• Javascript Nesne Tanımlama Yöntemleri - Murat Öner

Destructuring

• Javascript ES6'dan En Çok Kullandığım 5 Özellik - 2 Property destructing - Durul Doktoroğlu
• ECMAScript 6 - Destructuring - Sercan Eraslan
• Javascript’de destructuring hikayesi - Emrah
• JS Ders 4 Ecmascript 6 Destructuring Assignment (Çoklu Değer Atama) - fehmiuyarnet :video_camera:
• ES6: destructuring örnekleri - Uçbirim :video_camera:
• ECMAScript 6 – Destructuring - Gencay Yıldız
• ES6 Destructuring nedir? Nasıl kullanılır? - Ahmet Şimşek
• Javascript Harikaları-3 : Destructuring Assignment - Tahir Kardak

Sınıf (Class)

• constructorsden classlara - ECMAScript 6 - Türkçe Doküman - Ömer Gülçiçek
• JavaScript ES6 Classes - Yusuf Sezer
• ES6 Class nedir? Nasıl kullanılır? - Ahmet Şimşek
• Javascript’de class tanımlama ve diğer class işlemleri - Murat Öner
• ecmascript class ders - Dılo abinin yeri :video_camera:
• 🚫 Javascript sınıf tanımlama - boraozer.com/2018/09/19/javascript-sinif-tanimlama/ - Bora Özer
• 🚫 Javascript(ecmascript 6) Notları-class - youtu.be/BsewfjaJKFE - Fatih Çakıroğlu :video_camera:
• 🚫 Javascript Notları(ECMA6)-Miras alma -youtube.com/watch?v=vKxTKlllMMQ - Fatih Çakıroğlu :video_camera:
• Class (Sınıf) Kavramı - Erdinç Uzun

Genarator fonksiyonlar

• JS Ders 12 Ecmascript 6 Generators Kullanımı - fehmiuyarnet :video_camera:
• Generatörler ve asenkron fonksiyonlar - Uçbirim :video_camera:
• 🚫 ES6 generator ve ES7 async fonksiyonlar - kodcu.com/2017/06/es6-generator-ve-es7-async-fonksiyonlar/) - kodcu
• JavaScript Fonksiyonları: Üretici Fonksiyonlar - Generator Functions - yazilim.cevapsitesi / canora
• Es6 Generators nedir? Nasıl kullanılır? - Ahmet Şimşek
• Generators - Erdinç Uzun
• Generatörler ve asenkron fonksiyonlar - selmansamet
• Javascript’de Generators - Onur Dayıbaşı
• :star: javascript Generator Fonksiyon Kullanımı - webcebir

Modüller (Modules)

• 🚫 ES6 Import İfadesi ve Yöntemleri - buraktokak.com/es6-import-ifadesi-ve-yontemleri/ - Burak Tokak
• JS Ders 13 Ecmascript 6 Modules (Modüller) - fehmiuyarnet :video_camera:
• ES6 modules nedir? Nasıl kullanılır? - Ahmet Şimşek
• 🚫 Ecmascript 6 Modül Sistemi - mehmetmasa.com.tr/javascript-dersleri/ecmascript-6-modul-sistemi/ - Mehmet Maşa
• ECMAScript – Module.exports ve Require Komutları - Gencay Yıldız
• Modules - Erdinç Uzun
• EcmaScript6(ES6) Modül Kodlarını Çalıştırmak - (Kadir Murat Başeren)

Promise

• JavaScript ES6 Promise - Yusuf Sezer
• JavaScript Promise - Emrah
• Promise ile Asekron Javascript Kullanımı Nasıl Yapılır ? - Sadık Turan :video_camera:
• JS Ders 17 Ecmascript 6 Promise Nesnesi - fehmiuyarnet :video_camera:
• javascript Promise ile async işlemler - ders 25 - Dılo abinin yeri :video_camera:
• Javascript’te Promise Kullanımı - Özgün Bal
• 🚫 Javascript Promise nedir ? - youtube.com/watch?v=RYoA61va9og - Fatih Çakıroğlu :video_camera:
• ECMAScript 6 – Promise Yapısı - Gencay Yıldız
• ECMAScript 6 – Async / Await Keywordleri - Gencay Yıldız
• 🚫 Javascript ile Asenkron İşlemler - batikansenemoglu.com/javascript-ile-asenkron-islemler/ - Batıkan Senemoğlu
• Özgün Bal - Javascript'te Promise Kullanımı - Codefiction / Özgün Bal :video_camera:
• Javascript’te Promise Kullanımı - Erdoğan Bavaş
• Callback, Promise ve Async - Uğur AKTAŞ :video_camera:
• JavaScript ES7 async await - Yusuf Sezer
• JavaScript’te Async/Await Kullanımı - İsa Gül
• Promise-2 (Callback, Async, EventEmiter) - Onur Dayıbaşı
• :star: javaScript Promise Kullanımı - webcebir

Sembol (Symbol)

• ES6 Symbol - Emrah
• ES6: Semboller - Uçbirim :video_camera:
• ES6: Semboller - selmansamet

Set Nesnesi

• JS Ders 14 Ecmascript 6 Set Nesnesi Kullanımı - fehmiuyarnet :video_camera:
• ES6: Map ve Set tipleri - Uçbirim :video_camera:
• ES6 Map + Set + WeakMap + WeakSet nedir? Nasıl kullanılır? - Ahmet Şimşek
• Map ve Set - Erdinç Uzun
• ES6: Map ve Set tipleri - selmansamet
• JS ES6 Map/Set Veri Yapıları - Onur Dayıbaşı

Map ve WeakMap Nesneleri

• JS Ders 15 Ecmascript 6 Map ve WeakMap Nesnelerinin Kullanımı - fehmiuyarnet :video_camera:
• ES6: Map ve Set tipleri - Uçbirim :video_camera:
• ES6 Map + Set + WeakMap + WeakSet nedir? Nasıl kullanılır? - Ahmet Şimşek
• Map ve Set - Erdinç Uzun
• ES6: Map ve Set tipleri - selmansamet
• JS ES6 Map/Set Veri Yapıları - Onur Dayıbaşı

Proxy

• 🚫 JS Konseptleri #1: Proxy Nedir ve Kullanım Alanları Nelerdir? kodportali.com/yazilim/javascript/js-konseptleri-proxy-nedir-ve-kullanim-alanlari-nelerdir/ - Kod Portali / Muhammet Ali Can
• ES6 Proxies - Erdinç Uzun
• JavaScript ve Observer İşlemleri - Ali Gören
• JavaScript’te Proxy Kavramı - İsa Gül

Ücretli Eğitimler

• Komple Modern JavaScript Kursu - ES6+ (2019) - Mustafa Murat Coşkun :video_camera:
• Modern Javascript Kursu: ES6/ES7+ (2019) - Sadık Turan :video_camera:
• Sıfırdan JavaScript Eğitimi: Oyun Projesi ve ES6 İçerir! - Sultan Kalkan :video_camera:
• Sıfırdan Her Yönüyle JavaScript & Node.JS - Mehmet Seven :video_camera:
• JavaScript ile Temel Programlama ve İleri Seviye JavaScript - Doğukan Güven Nomak, Fatih Kadir Akın :video_camera: