GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

No menu could be recovered. Follow the blue links in the page.

This view

  • Original page
  • New address

GeezerVison is showing id.javascript.info — Tutorial JavaScript Modern

Bahasa JavaScript

Di sini kita belajar JavaScript, mulai dari nol dan lanjut terus hingga konsep yang mutakhir macam OOP.

Konsentrasi kita di sini tertuju ke bahasanya itu sendiri, dengan catatan lingkungan tertentu se-minimum mungkin.

Pengenalan
  • Pengenalan JavaScript
  • Manual dan spesifikasi
  • Editor kode
  • Konsol pengembang
JavaScript Dasar
  • Hello, world!
  • Struktur kode
  • The modern mode, "use strict"
  • Variabel
  • Tipe data
  • Interaksi: alert, prompt, confirm
  • Konversi Tipe
  • Operator dasar, maths
  • Perbandingan
  • Kondisi bercabang: if, '?'
  • Operator logika
  • Operator penggabungan nullish '??'
  • Perulangan: while dan for
  • Pernyataan "switch"
  • Fungsi
  • Expresi fungsi
  • Dasar-dasar fungsi Arrow
  • Spesial JavaScript
  • Lagi…
Kualitas Kode
  • Mendebug di Chrome
  • Gaya Mengkode
  • Komentar
  • Kode ninja
  • Pengetesan terotomasi dengan Mocha
  • Polyfill dan transpiler
Objects: dasar-dasar
  • Objek
  • Referensi objek dan menyalinnya
  • Pengumpulan sampah (_Garbage collection_)
  • Metode objek, "this"
  • Konstruktor, operator "new"
  • Optional chaining '?.'
  • Tipe simbol
  • Menolak konversi primitif
Tipe data
  • Metode primitif
  • Angka
  • String
  • *Array*
  • Metode *array*
  • Iterables / Bisa di iterasi
  • Map dan Set
  • WeakMap dan WeakSet
  • Objek.kunci, nilai, entri
  • Destrukturisasi Penugasan
  • Tanggal dan waktu
  • Metode JSON, toJSON
  • Lagi…
Penggunaan lanjutan fungsi
  • Rekursi dan tumpukan (Recursion and stack)
  • Parameter rest dan sintaks spread
  • Lingkup variabel, closure
  • Si Tua "var"
  • Objek global
  • Objek fungsi, NFE
  • Sintaks "new Function"
  • Pendadwalan: setTimeout dan setInterval
  • Decorators dan forwarding, call/apply
  • Function binding
  • Membahas Kembali Fungsi Arrow
  • Lagi…
Object properties configuration
  • Properti flag dan Deskriptor
  • Properti getter and setter
Prototypes, inheritance
  • Pewarisan *Prototype* (*Prototypal Inheritance*)
  • F.prototype
  • *Prototype* asli
  • Prototype methods, objects without __proto__
Kelas
  • Class basic syntax
  • Turunan Kelas
  • Properti dan metode statis
  • Properti dan metode _private_ dan _protected_
  • Meng-_extend_ `class` bawaan
  • Pengecekan kelas: "instanceof"
  • _Mixins_
Penanganan kesalahan
  • Penanganan eror, "try..catch"
  • Kesalahan khusus, memperluas Kesalahan
Promises, async/await
  • Pengenalan: callback
  • Promise
  • Promises chaining
  • Penanganan error dengan promise
  • API Promise
  • Promisifikasi
  • Microtasks
  • Async/await
Generator, iterasi lanjutan
  • Generators
  • Iterasi dan generator asinkron
Modules
  • Modul, Pengenalan
  • Export dan Import
  • Impor dinamis
Miscellaneous
  • Proxy and Reflect
  • Eval: menjalankan kode dari _string_
  • _Currying_
  • Reference Type
  • BigInt

Browser: Document, Events, Interfaces

Mempelajari cara mengelola halaman pada browser: menambahkan elemen, memanipulasi ukuran dan posisinya, membuat antarmuka secara dinamis, dan berinteraksi dengan pengunjung.

Document
  • Browser environment, specs
  • DOM tree
  • Menelusuri DOM
  • Pencarian: getElement*, querySelector*
  • Node properties: type, tag and contents
  • Atribut dan Properti
  • Mengubah Dokumen
  • Styles and classes
  • Element size and scrolling
  • Window sizes and scrolling
  • Coordinates
  • Lagi…
Pengenalan ke Peristiwa
  • Pengenalan ke peristiwa peramban (_browser events_)
  • Menggelembung (_bubbling_) dan menangkap (_capturing_)
  • Delegasi Peristiwa
  • _Browser default actions_
  • Dispatching custom events
UI Events
  • Mouse events
  • Moving the mouse: mouseover/out, mouseenter/leave
  • Drag'n'Drop with mouse events
  • Pointer events
  • Keyboard: keydown and keyup
  • Scrolling
Forms, controls
  • Metode dan properti form
  • Focusing: focus/blur
  • Events: change, input, cut, copy, paste
  • Forms: *event* dan *method* submit
Document and resource loading
  • Page: DOMContentLoaded, load, beforeunload, unload
  • Scripts: async, defer
  • Resource loading: onload and onerror
Miscellaneous
  • Mutation observer
  • Selection and Range
  • Event loop: microtasks and macrotasks

Artikel tambahan

Daftar topik tambahan yang menganggap Kalian telah membahas dua bagian pertama dari tutorial. Tidak ada susunan yang jelas di sini, Kalian dapat membaca artikel dalam urutan yang Kalian inginkan.
Frames and windows
  • Metode Popup dan window
  • Cross-window communication
  • The clickjacking attack
Binary data, files
  • ArrayBuffer, binary arrays
  • TextDecoder and TextEncoder
  • Blob
  • File dan FileReader
Network requests
  • Fetch
  • FormData
  • Fetch: Kemajuan Download
  • Fetch: Membatalkan
  • Fetch: *request Cross-Origin*
  • Fetch API
  • URL objects
  • XMLHttpRequest
  • Resumable file upload
  • Long polling
  • WebSocket
  • Server Sent Events
  • Lagi…
Menyimpan data didalam _Browser_
  • Cookies, document.cookie
  • LocalStorage, sessionStorage
  • IndexedDB
Animation
  • _Bezier curve_
  • CSS-animations
  • JavaScript animations
Web components
  • Dari Ketinggian Orbital
  • Elemen kustom
  • 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 $
  • Multiline mode of anchors ^ $, flag "m"
  • Word boundary: \b
  • Escaping, special characters
  • Sets and ranges [...]
  • Quantifiers +, *, ? and {n}
  • Greedy and lazy quantifiers
  • Capturing groups
  • Backreferences in pattern: \N and \k<name>
  • Alternation (OR) |
  • Lookahead and lookbehind
  • Catastrophic backtracking
  • Sticky flag "y", searching at position
  • Methods of RegExp and String
  • Lagi…
Bagikan
Peta tutorial

komentar

baca ini sebelum berkomentar…
  • Jika Anda memiliki saran apa yang harus ditingkatkan - silakan kunjungi kirimkan Github issue atau pull request sebagai gantinya berkomentar.
  • Jika Anda tidak dapat memahami sesuatu dalam artikel – harap jelaskan.
  • Untuk menyisipkan beberapa kata kode, gunakan tag <code>, untuk beberapa baris – bungkus dengan tag <pre>, untuk lebih dari 10 baris – gunakan sandbox (plnkr, jsbin, < a href='http://codepen.io'>codepen…)
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.