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
  • 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 curve
  • 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

• © 2007—2024  Ilya Kantor
• proje hakkında
• iletişime geçin