Thanks to visit codestin.com
Credit goes to tr.javascript.info
Show tasks
JavaScript Dili
Giriş
JavaScript'e Giriş
Kılavuz ve Şartnameler
Kod Düzenleyiciler
Geliştirici Konsolu
JavaScript temelleri
Merhaba Dünya
Alarm(Alert) Gösterme
Dışarıda bulunan dosyayı sayfada belirterek Alarm(Alert) kutusu göstermek
Kod yapısı
Modern mod, "use strict"
Değişkenler
Değişkenler ile çalışma
Doğru isimlendirmeyi yapabilmek
Büyükharf ile sabit (const) kullanımı
Veri Tipleri
String quotes
Tip Dönüşümleri
Tip Dönüştürme
Operatörler
Önden ve sonradan eklemeli değişkenler.
Atama sonuçları
Karşılaştırmalar
Karşılaştırma
Etkileşim: alarm kutusu, kullanıcıdan bilgi isteme, onaylama
Basit bir web sayfası
Koşul operatörleri: if, '?'
Eğer bir karakter 0 ise
JavaScript'in ismi
Cevabı göster
'if' ile yazılan koşulu '?' çevirin.
`if..else`'i `'?'` formunda yazınız
Mantıksal Operatörler
VEYA'nın sonucu nedir?
VEYA'landırılmış uyarıların çıktısı ne olur?
VE'nin sonucu nedir?
VE'lendirilmiş uyarıların çıktısı ne olur?
VEYA ve VE'nin sonucu ne olur?
Aralık kontrolü
Aralığın dışındaki değerleri yazınız.
"if" hakkında bir soru.
Check the login
Döngüler: while ve for
Döngünün son değeri
While hangi değerleri gösterir?
"For" döngüsü süresinde hangi değerler görünecek?
Döngüde çift sayıların çıktısını yazdırma
"For" döngüsünü "while"'a çevirme
Veri girişi doğru olana kadar devam edin.
Output prime numbers
"switch" cümleleri
"Switch" ile yazılmış kodu "if" cümlesine çeviriniz
"if" ile yazılmış kodu "switch" cümlesine çeviriniz.
Fonksiyonlar
"else" gerekli mi?
Fonksiyonu '?' veya '||' kullanarak tekrar yazınız.
Fonksiyon min(a, b)
usAl(x,n)
Fonksiyon ifadeleri
Ok Fonksiyonlarına Giriş
Ok Fonksiyonları ile tekrar yazınız
JavaScript incelikleri
Kod Kalitesi
Chrome ile Hata Ayıklama
Kodlama Stili
Kötü Stil
Yorumlar
Ninja Kodları
Mocha ile otomatik test yazma
Testteki hatayı bulun?
Polyfills
Objeler: Temel bilgiler
Objeler
Merha obje
Boş olup olmadığını kontrol et
Sabit objeler?
Obje özelliklerinin toplanması
Sayısal özellikleri 2 ile çarpın.
Çöp Toplama ( Garbage collection )
Sembol Tipi
Objelerin metodları ve "this" kelimesi.
Yazım Kontrolü
"this" in değerini açıklayın
Obje tanımında "this" kullanamak.
Hesap Makinesi kodunu yazınız.
Zincirleme
Objelerin ilkel çevirileri
Yapıcı, "new" operatörü
İki fonksiyon - bir obje
new MesapMakinesi fonksiyonunu yazınız.
new Toplayici fonksiyonunu yazınız
Veri Tipleri
İlkel Tiplerin Metodları
Özelliğe karakter dizisi eklenebilir mi?
Sayılar
Kullanıcının girdiği değerleri toplayan program
6.35.toFixed(1) == 6.3 ?
Girilen değer sayı olana kadar devam edin.
Infinite loop
Minimum ve maximum arasında rasgele sayı üretme.
Min ve Max arasında rasgele tam sayı üretmek.
Karakter Dizisi - Strings
İlk karakteri büyük harf yapma
Spam kontrolü
Metin kesme
Para işaretlerini metinden çıkarın
Diziler
Dizi kopyalandı mı?
Dizi işlemleri
Dizinin içerisinden çağrı
Girilen değerleri toplama
A maximal subarray
Dizi Metodları
border-left-width'i borderLeftWidth gibi deve hörgücü(camelcase) şekline getiren fonksiyonu yazınız.
Filtreleme ve yeni dizi dönme
Olduğu yerde filtreleme
Diziyi tersine sıralayan fonksiyonu yazınız.
Diziyi kopyala ve sırala
Create an extendable calculator
Map'ten isimlere çevirme.
Objelerin harita(Map)'lenmesi
Objelerin sıralanması
Diziyi karıştır
Ortalama yaşın alınması
Benzersiz dizi elemanlarını bulan fonksiyonu yazınız.
Sıralı erişim ( Iterable )
Map, Set, WeakMap ve WeakSet
Eşsiz dizi elemanları filtreleyin.
Anagram Filtresi
Sıralı erişilebilen anahtarlar
"okunmamış" olanları saklayın
Okunma zamanlarını kaydedin.
Object.keys, values, entries
Özellikleri toplayınız
Özellik Sayısı
Destructuring assignment
Ayrıştırma ve atama
Azami Maaş
Tarih ve Zaman
Tarih oluştur
Haftanın günleri
Avrupa Haftanın Günleri
Kaç gün önce?
Ayın son günü?
Şu anda bugünün başlangıcından itibaren kaç saniye geçti?
Yarına kaç saniye var?
Bağık tarihin formatlanması
JSON metodları, toJSON
Objeyi JSON'a ve JSON'u objeye çevirme
Dairesel Referansları Engellemek
Fonksiyonlar ile çalışma ileri seviye.
Kendini tekrarlayan ( özçağrı ) ve yığın
Verilen değere kadar olan tüm sayıları toplayan fonksiyon
Faktöriyel Hesaplama
Fibonacci Sayıları
Tek-bağlı(single-linked) List'in çıktısı
Tek-bağlı(single-linked) List'in çıktısının tersten yazdırılması
Gerisi parametreleri ve yayma operatörleri
Closure
Sayaçlar bağımsız mı?
Sayaç Objesi
if'in içindeki fonksiyon
Closure ile toplam
Fonksiyon ile filtreler
Alana göre sıralama
Ordu fonksiyonları
Eski tip "var"
Evrensel Objeler
Fonksiyon Objeleri, NFE
Sayaç ayarlama ve azaltma
Belli olmayan parantez sayısını toplama
"new Function" yazımı
Zamanlama: setTimeout ve setInterval
Her saniyenin çıktısını yazdırın.
setTimeout şeklinde verilen fonksiyonu setInterval'e çevirin.
setTimeout ne gösterecek?
Dekoratörler ve iletilme, call/apply
Gözetmen dekoratör
Geciktirici dekoratör.
Geri Sektiren dekoratör
Kısma Dekoratörleri
Fonksiyon bağlama
Fonksiyonu metod olarak bağla.
Üst üste bağlama
Bağlandıktan sonraki fonksiyon özellikleri.
Soru `this`'i kaybediyor.
Tımarlama ve kısmi fonksiyonlar
Giriş işlemi için kısmi uygulama.
Ok fonksiyonları
Nesne özelliklerinin düzenlenmesi
Özellik bayrakları ve tanımlayıcılar
Getter ve Setter Özellikleri ( Alıcılar ve Ayarlayıcılar )
Prototipler ve kalıtım
Protitipsel Kalıtım
Prototip ile çalışmak
Nereye yazar?
Neden iki hamster da full'dür?
F.prototype
"prototype"'i değiştirme
Create an object with the same constructor
Doğal prototipler
Fonksiyonlara "f.defer(ms)" ekleyiniz
Fonksiyonlara Düzenleyici (Decorator) ekleyiniz.
Metodlar ve prototipler
`dictionary` objesine toString'i ekleyin
Çağrılar arasındaki farklar
Sınıflar
Temel Sınıf sözdizimi
Sınıfı tekrar yaz
Sınıf kalıtımı, super
Nesne oluşturuken hata oluyor.
Genişletilmiş clock sınıfı
Sınıf Object'i genişletir mi?
Static properties and methods
Private and protected properties and methods
Extending built-in classes
Sınıf kontrolü: "instanceof"
Garip instanceof
Mixinler
Hataların İdare Edilmesi
Hata Yönetimi, "try...catch"
Finally veya sadece kod?
Düzenlenmiş hatalar, hataların geliştirilmesi
Yazım hatasının kalıtılması.
Promises, async/await
Callback fonksiyonlarına giriş
Callback ile hareketli çember
Promise ( Söz )
Bir sözü tekrar çözme?
Söz ile gecikme
Söz ile hareketli çember.
Promise Zinciri
Promise: then versus catch
Error handling with promises
Error in setTimeout
Promise API
Promisification
Microtasks and event loop
Async/await
Rewrite using async/await
Rewrite "rethrow" with async/await
Call async from non-async
Generators, advanced iteration
Generators
Pseudo-random generator
Async iterators and generators
Modules
Modüller, giriş
Dışa Aktarma ve Dahil Etme
Dinamik İçeriye Aktarma
Çeşitli
Proxy and Reflect
Error on reading non-existant property
Accessing array[-1]
Observable
Eval: kod karakter dizisi çalıştırmak
Eval-hesaplayıcı
Browser: Document, Events, Interfaces
Document
Tarayıcı Ortamı, Özellikleri
DOM Yapısı
Dom'da gezinme
DOM children
The sibling question
Select all diagonal cells
Searching: getElement*, querySelector*
Element Arama
Node properties: type, tag and contents
Count descendants
What's in the nodeType?
Tag in comment
Where's the "document" in the hierarchy?
Attributes and properties
Get the attribute
Make external links orange
Modifying the document
createTextNode vs innerHTML vs textContent
Clear the element
Why does "aaa" remain?
Create a List
Create a tree from the object
Show descendants in a tree
Create a calendar
Colored clock with setInterval
Insert the HTML in the list
Sort the table
Styles and classes
Create a notification
Element size and scrolling
What's the scroll from the bottom?
What is the scrollbar width?
Place the ball in the field center
The difference: CSS width versus clientWidth
Window sizes and scrolling
Coordinates
Find window coordinates of the field
Show a note near the element
Show a note near the element (absolute)
Position the note inside (absolute)
Introduction to Events
Tarayıcı olaylarına giriş
Hide on click
Hide self
Which handlers run?
Move the ball across the field
Create a sliding menu
Add a closing button
Carousel
Bubbling and capturing
Event delegation
Hide messages with delegation
Tree menu
Sortable table
Tooltip behavior
Browser default actions
Why "return false" doesn't work?
Catch links in the element
Image gallery
Dispatching custom events
UI Events
Fare olaylarıyla ilgili temel bilgiler
Seçilebilir liste
Fare Hareketi: mouseover/out, mouseenter/leave
Geliştirilmiş ipucu (tooltip) davranışı
"Akıllı" tooltip
Fare olaylarıyla sürükle ve bırak
Kaydırıcı (Slider)
Sahada süper kahramanları sürükleyin
Keyboard: keydown and keyup
Extended hotkeys
Sayfa Kaydırma(Scrolling)
Sonsuz sayfa
Up/down button
Load visible images
Forms, controls
Form özellikleri ve metodları
Add an option to select
Focusing: focus/blur
Editable div
Edit TD on click
Keyboard-driven mouse
Olaylar: change, input, cut, copy, paste
Deposit calculator
Form gönderme: Olay veya metod olarak
Modal form
Document and resource loading
Page: DOMContentLoaded, load, beforeunload, unload
Komut Dosyaları (Scripts): async, defer
Resource loading: onload and onerror
Load images with a callback
Miscellaneous
Mutation observer
Olay döngüsü: microtasks ve macrotasks
Ek Makaleler
Frames and windows
Popups and window methods
Cross-window communication
Clickjacking saldırısı
Binary data, files
ArrayBuffer, binary arrays
Concatenate typed arrays
TextDecoder and TextEncoder
Blob
File and FileReader
Network requests
Fetch: Temel Bilgiler
Fetch users from GitHub
Fetch: Download progress
Fetch: Abort
Fetch: Cross-Origin Requests
Why do we need Origin?
Fetch API
URL yapısı
XMLHttpRequest
WebSocket
Server Sent Events
Storing data in the browser
Cookies, document.cookie
LocalStorage, sessionStorage
Autosave a form field
IndexedDB
Animation
Bezier Eğrisi
CSS Animasyonları
Uçağa animasyon ekle (CSS)
Havadaki uçağa animasyon ekle (CSS)
Animasyonlu Daire
JavaScript animations
Animate the bouncing ball
Animate the ball bouncing to the right
Web bileşenleri
Yörünge yüksekliğinden
Custom elements
Live timer element
Shadow DOM
Template element
Shadow DOM slots, composition
Shadow DOM styling
Shadow DOM and events
Düzenli İfadeler
Kalıplar ve işaretler
Karakter Sınıfları
Unicode: flag "u" and class \p{...}
Çapalar: karakter dizisi (string) başlangıç ^ ve bitiş $
Regexp ^$
Multiline mode of anchors ^ $, flag "m"
Kelime sınırı: \b
Zamanı bul
Escaping, special characters
Sets and ranges [...]
Java[^script]
Find the time as hh:mm or hh-mm
Nicelik Belirteçleri +, *, ? and {n}
Üç noktayı nasıl buluruz "..." ?
HTML renkler için düzenli ifade (regexp)
Greedy and lazy quantifiers
A match for /d+? d+?/
Find HTML comments
Find HTML tags
Capturing groups
Check MAC-address
Find color in the format #abc or #abcdef
Find all numbers
Parse an expression
Backreferences in pattern: \N and \k<name>
Alternation (OR) |
Find programming languages
Find bbtag pairs
Find quoted strings
Find the full tag
Lookahead and lookbehind
Find non-negative integers
Insert After Head
Catastrophic backtracking
Sticky flag "y", searching at position
Methods of RegExp and String