Show tasks

Bahasa JavaScript

• Pengenalan
  • Pengenalan JavaScript
  • Manual dan spesifikasi
  • Editor kode
  • Konsol pengembang
• JavaScript Dasar
  • Hello, world!
    • Tampilkan alert
    • Tampilkan alert dengan script external
  • Struktur kode
  • The modern mode, "use strict"
  • Variabel
    • Bekerja dengan variabel
    • Memberikan nama yang tepat
    • Const huruf kapital?
  • Tipe data
    • Petik string
  • Interaksi: alert, prompt, confirm
    • Laman simpel
  • Konversi Tipe
  • Operator dasar, maths
    • Bentuk postfix dan prefix
    • Hasil penetapan
    • Konversi tipe
    • Benarkan penambahan
  • Perbandingan
    • Pembandingan
  • Kondisi bercabang: if, '?'
    • if (string berisi angka nol)
    • Nama JavaScript
    • Tunjukkan tandanya
    • Tulis ulang 'if' menggunakan '?'
    • Tulis ulang 'if..else' menjadi '?'
  • Operator logika
    • Apa hasil dari OR?
    • Apa hasil dari alert yang di-OR-kan?
    • Apa hasil AND?
    • Apa hasil dari alert yang di-AND-kan?
    • Hasil dari OR AND OR
    • Cek kisaran antara
    • Cek kisaran luar
    • Pertanyaan tentang "if"
    • Cek login
  • Operator penggabungan nullish '??'
  • Perulangan: while dan for
    • Nilai terakhir perulangan
    • Nilai mana yang ditampilkan perulangan while?
    • Nilai mana yang ditampilkan oleh perulangan "for" ?
    • Menghasilkan angka genap di perulangan
    • Ganti "for" dengan "while"
    • Ulangi sampai inputnya benar
    • Menghasilkan bilangan prima
  • Pernyataan "switch"
    • Tulis kembali "switch" menjadi "if"
    • Tulis kembali "if" ke dalam "switch"
  • Fungsi
    • Apakah "else" dibutuhkan ?
    • Tulis ulang fungsi menggunakan '?' atau '||'
    • Fungsi min(a,b)
    • Fungsi pow(X,n)
  • Expresi fungsi
  • Dasar-dasar fungsi Arrow
    • Rewrite with arrow functions
  • Spesial JavaScript
• Kualitas Kode
  • Mendebug di Chrome
  • Gaya Mengkode
    • Gaya jelek
  • Komentar
  • Kode ninja
  • Pengetesan terotomasi dengan Mocha
    • Apa yang salah dalam tes ini?
  • Polyfill dan transpiler
• Objects: dasar-dasar
  • Objek
    • Hello, object
    • cek kekosongan
    • Tambahkan properti objek
    • Kalikan properti numerik dengan 2
  • Referensi objek dan menyalinnya
  • Pengumpulan sampah (_Garbage collection_)
  • Metode objek, "this"
    • Menggunakan "this" dalam penulisan objek
    • Membuat sebuah kalkulator
    • *Chaining* (merantaikan)
  • Konstruktor, operator "new"
    • Dua fungsi – satu objek
    • Buat Kalkulator baru
    • Membuat Akumulator baru
  • Optional chaining '?.'
  • Tipe simbol
  • Menolak konversi primitif
• Tipe data
  • Metode primitif
    • Bisakah saya menambahkan properti string?
  • Angka
    • Jumlahkan angka dari pengunjung
    • Kenapa 6.35.toFixed(1) == 6.3?
    • Ulangi sampai masukan adalah sebuah angka
    • Lingkaran tak terbatas tak berkala
    • Sebuah angka acak dari min ke max
    • Sebuah integer acak dari min ke max
  • String
    • Buat karakter pertama menjadi besar
    • Mengecek apakah spam
    • Memotong teks menjadi lebih pendek
    • Ambil uangnya
  • *Array*
    • Apakah *array* disalin?
    • Operasi *array*.
    • Panggilan dalam konteks *array*
    • Menjumlahkan angka yang di-input
    • *Subarray* maksimum
  • Metode *array*
    • Ubah border-left-width menjadi borderLeftWidth
    • Filter range / menyaring dengan jarak
    • Filter range "in place" / menyaring dengan jarak "secara langsung"
    • Sortir secara menurun
    • Salin dan sortir array
    • Buat sebuah kalkulator yang bisa diperluas
    • Memetakan nama
    • Memetakan objek
    • Urutkan user dari umur
    • Mengacak sebuah array
    • Dapatkan rata-rata umur
    • Filter untuk anggota array yang unik
    • Buatlah objek dengan kunci dari array
  • Iterables / Bisa di iterasi
  • Map dan Set
    • Memfilter item array yang unik
    • Filter anagram
    • Kunci-kunci iterable
  • WeakMap dan WeakSet
    • Menyimpan tanda "unread"
    • Menyimpan tanggal
  • Objek.kunci, nilai, entri
    • Tambahkan propertinya
    • Count properties
  • Destrukturisasi Penugasan
    • Destrukturisasi penugasan
    • Gaji maksimal
  • Tanggal dan waktu
    • Buat sebuah tanggal
    • Tampilkan hari dalam satu minggu
    • Hari di Eropa
    • Tanggal berapakah beberapa hari yang lalu?
    • Tanggal terakhir dari sebuah bulan?
    • Berapa detik yang telah berlalu untuk hari ini?
    • Berapa detik lagi sampai besok?
    • Ubah menjadi tanggal yang berhubungan
  • Metode JSON, toJSON
    • Ubah objek menjadi JSON dan sebaliknya
    • Tidak memasukkan referensi balik
• Penggunaan lanjutan fungsi
  • Rekursi dan tumpukan (Recursion and stack)
    • Tambahkan seluruh angka sampai angka yang diberikan
    • Kalkulasikan faktorial
    • Angka fibonacci
    • Keluarkan sebuah daftar single-linked
    • keluarkan item single-linked dari list dengan urutan terbalik
  • Parameter rest dan sintaks spread
  • Lingkup variabel, closure
    • Apakah sebuah fungsi akan mengambil perubahan terakhir?
    • Variabel manakah yang tersedia?
    • Apakah para counter independen?
    • Objek counter
    • Fungsi di dalam if
    • Penjumlahan dengan closure
    • Apakah variabelnya terlihat?
    • Filter dengan fungsi
    • Urutkan berdasarkan field
    • Pasukan-pasukan fungsi
  • Si Tua "var"
  • Objek global
  • Objek fungsi, NFE
    • Setel dan kurangi penghitung
    • Tambahkan dengan jumlah kurung yang banyak
  • Sintaks "new Function"
  • Pendadwalan: setTimeout dan setInterval
    • Membuat keluaran setiap detik
    • Apa yang akan ditampilkan setTimeout?
  • Decorators dan forwarding, call/apply
    • Spy decorator
    • Dekorator penunda
    • Debounce decorator
    • Dekorator penutup
  • Function binding
    • Ikat fungsi sebagai sebuah metode
    • Pengikatan kedua
    • Properti fungsi setelah pengikatan
    • Perbaiki sebuah fungsi yang telah kehilangan "this"
    • Pengaplikasian parsial untuk login
  • Membahas Kembali Fungsi Arrow
• Object properties configuration
  • Properti flag dan Deskriptor
  • Properti getter and setter
• Prototypes, inheritance
  • Pewarisan *Prototype* (*Prototypal Inheritance*)
    • Bekerja dengan prototype
    • Algoritma pencarian
    • Dimanakah akan tertulis?
    • Kenapa kedua hamster kenyang?
  • F.prototype
    • Merubah "prototype"
    • Buat sebuah objek dengan konstruktor yang sama
  • *Prototype* asli
    • Menambahkan metode "f.defer(ms)" ke fungsi
    • Menambah dekorasi "defer()" ke fungsi.
  • Prototype methods, objects without __proto__
    • Add toString to the dictionary
    • Perbedaan diantara pemanggilan
• Kelas
  • Class basic syntax
    • Menulis ulang ke class
  • Turunan Kelas
    • Kesalahan saat membuat sebuah _instance_
    • _Extended clock_
  • Properti dan metode statis
    • _Class extends Object?_
  • Properti dan metode _private_ dan _protected_
  • Meng-_extend_ `class` bawaan
  • Pengecekan kelas: "instanceof"
    • "instanceof" Aneh
  • _Mixins_
• Penanganan kesalahan
  • Penanganan eror, "try..catch"
    • Finally atau hanya kode biasa?
  • Kesalahan khusus, memperluas Kesalahan
    • Mewarisi dari SyntaxError
• Promises, async/await
  • Pengenalan: callback
  • Promise
    • Selesaikan ulang sebuah promise?
    • Tunda dengan promise
    • Lingkaran animasi dengan promise
  • Promises chaining
    • Promise: then versus catch
  • Penanganan error dengan promise
    • Error di dalam setTimeout
  • API Promise
  • Promisifikasi
  • Microtasks
  • Async/await
    • Menulis ulang menggunakan async/await
    • Menulis ulang "rethrow" dengan async/await
    • Panggil async dari non-async
• Generator, iterasi lanjutan
  • Generators
    • Pseudo-random generator
  • Iterasi dan generator asinkron
• Modules
  • Modul, Pengenalan
  • Export dan Import
  • Impor dinamis
• Miscellaneous
  • Proxy and Reflect
    • Error on reading non-existent property
    • Accessing array[-1]
    • Observable
  • Eval: menjalankan kode dari _string_
    • Kalkulator-_eval_
  • _Currying_
  • Reference Type
    • Cek sintaks
    • Jelaskan nilai dari "this"
  • BigInt

Browser: Document, Events, Interfaces

• Document
  • Browser environment, specs
  • DOM tree
  • Menelusuri DOM
    • DOM children
    • The sibling question
    • Select all diagonal cells
  • Pencarian: getElement*, querySelector*
    • Pencarian untuk elemen
  • Node properties: type, tag and contents
    • Count descendants
    • What's in the nodeType?
    • Tag in comment
    • Where's the "document" in the hierarchy?
  • Atribut dan Properti
    • 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)
• Pengenalan ke Peristiwa
  • Pengenalan ke peristiwa peramban (_browser events_)
    • Klik untuk menyembunyikan
    • Sembunyikan diri
    • Penangan mana yang dijalankan?
    • Pindahkan bola ke seberang lapangan
    • Buat sebuah menu geser
    • Tambahkan tombol untuk menutup
    • Carousel
  • Menggelembung (_bubbling_) dan menangkap (_capturing_)
  • Delegasi Peristiwa
    • Menyembunyikan pesan menggunakan delegasi
    • Menu pohon (_tree menu_)
    • Tabel yang bisa diurutkan
    • Perilaku Tooltip
  • _Browser default actions_
    • Mengapa "return false" tidak berfungsi?
    • Tangkap link pada elemen
    • Image gallery
  • Dispatching custom events
• UI Events
  • Mouse events
    • Selectable list
  • Moving the mouse: mouseover/out, mouseenter/leave
    • Improved tooltip behavior
    • "Smart" tooltip
  • Drag'n'Drop with mouse events
    • Slider
    • Drag superheroes around the field
  • Pointer events
  • Keyboard: keydown and keyup
    • Extended hotkeys
  • Scrolling
    • Endless page
    • Up/down button
    • Load visible images
• Forms, controls
  • Metode dan properti form
    • Tambahkan option pada select
  • Focusing: focus/blur
    • Editable div
    • Edit TD on click
    • Keyboard-driven mouse
  • Events: change, input, cut, copy, paste
    • Deposit calculator
  • Forms: *event* dan *method* submit
    • 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
  • Selection and Range
  • Event loop: microtasks and macrotasks

Artikel tambahan

• Frames and windows
  • Metode Popup dan window
  • Cross-window communication
  • The clickjacking attack
• Binary data, files
  • ArrayBuffer, binary arrays
    • Concatenate typed arrays
  • TextDecoder and TextEncoder
  • Blob
  • File dan FileReader
• Network requests
  • Fetch
    • Fetch pengguna dari GitHub
  • FormData
  • Fetch: Kemajuan Download
  • Fetch: Membatalkan
  • Fetch: *request Cross-Origin*
    • Kenapa kita membutuhkan Origin?
  • Fetch API
  • URL objects
  • XMLHttpRequest
  • Resumable file upload
  • Long polling
  • WebSocket
  • Server Sent Events
• Menyimpan data didalam _Browser_
  • Cookies, document.cookie
  • LocalStorage, sessionStorage
    • Autosave a form field
  • IndexedDB
• Animation
  • _Bezier curve_
  • CSS-animations
    • Animasi sebuah bidang (CSS)
    • Animasikan bidang yang terbang (CSS)
    • Animasikan Lingkaran
    • Lingkaran animasi dengan callback
  • JavaScript animations
    • Animasikan bola yang memantul
    • Animate the ball bouncing to the right
• Web components
  • Dari Ketinggian Orbital
  • Elemen kustom
    • Elemen live timer
  • Shadow DOM
  • Elemen template
  • Slot shadow DOM, komposisi
  • Menata gaya shadow DOM
  • Shadow DOM dan events
• Regular expressions
  • Pola dan flag
  • Kelas-kelas Karakter (Character classes)
  • Unicode: flag "u" and class \p{...}
  • Anchors: mulai _string_ ^ dan akhiran $
    • Regexp ^$
  • Multiline mode of anchors ^ $, flag "m"
  • Word boundary: \b
    • Find the time
  • Escaping, special characters
  • Sets and ranges [...]
    • Java[^script]
    • Find the time as hh:mm or hh-mm
  • Quantifiers +, *, ? and {n}
    • How to find an ellipsis "..." ?
    • Regexp for HTML colors
  • 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
• terkait proyek
• hubungi kami