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 uz.javascript.info — Zamonaviy JavaScript qo'llanmasi

JavaScript dasturlash tili

Ushbu bobda biz JavaScript-ni noldan boshlab o’rganamiz va OAD (OOP) kabi ilg’or konsepsiyalarga o’tamiz.

Birinchi bo’limda biz tilning o’ziga e’tibor qaratamiz, bu yerda JavaScript-ni ishlatilayotgan muhit haqida esa minimal ma’lumotlar mavjud.

Kirish bobi
  • JavaScript-ga kirish
  • Qo'llanmalar va xususiyatlar
  • Kod muharrirlari
  • Dasturchi konsoli
JavaScript asoslari
  • Hello, world! ("Salom, Dunyo!")
  • Kod tuzilishi
  • Zamonaviy rejim, "use strict"
  • O'zgaruvchilar
  • Ma'lumotlar turlari
  • Foydalanuvchi bilan muloqot: alert, prompt, confirm
  • Turlarni o'zgartirish
  • Asosiy operatorlar, matematika
  • Taqqoslashlar
  • Shartli operatorlar: if, '?'
  • Mantiqiy operatorlar
  • Nullab birlashtirish operatori '??'
  • Tsikllar: while va for
  • "switch" ifodasi
  • Funksiyalar
  • Funksiya ifodalari
  • Arrow funksiyalar, asoslar
  • JavaScript maxsus xususiyatlari
  • Ko'proq…
Kod sifati
  • Chrome da koddagi nosozliklarni tuzatish
  • Kodlash uslubi
  • Izohlar
  • Ninja kodi
  • Mocha bilan avtomatlashtirilgan test
  • Polyfilllar va transpailerlar
Ob'ektlar: asoslar
  • Obyektlar
  • Obyekt havolalari va nusxalash
  • Axlat yig'ish
  • Obyekt usullari, "this"
  • Obyektlarni ibtidoiylarga aylantirish
  • Konstruktor, operator "new"
  • Ixtiyoriy zanjir '?.'
  • Belgilar turi
Ma'lumot turlari
  • Ibtidoiylardagi usullar
  • Raqamlar
  • Satrlar
  • Massivlar
  • Massiv usullari
  • Tsiklda ko’rib chiqish imokniyatiga ega ma’lumot turlari
  • Map va Set
  • WeakMap va WeakSet
  • Object.keys, values, entries
  • Destrukturalashtirish
  • Sana va vaqt
  • JSON usullari, toJSON
  • Ko'proq…
Funktsiyalar bilan ilg'or ishlash
  • Rekursiya va stek
  • Qoldiq parametrlari va kengaytirish operatori
  • O'zgaruvchi doirasi, yopilish (closure)
  • Eski "var"
  • Global objekt
  • Funktsiya obyekti, NFE
  • "new Function" sintaksisi
  • Rejalashtirish: setTimeout va setInterval
  • Dekorativlar va ekspeditorlik, call/apply
  • Funktsiyani bog'lash
  • O'q funktsiyalarni takrorlayamiz
  • Ko'proq…
Obyekt xususiyatlarini sozlash
  • Xususiyat bayroqlari va tavsiflovchilar
  • getters va setters xususiyatlar
Prototiplar, meros
  • Prototip meros
  • F.prototype
  • Mahalliy prototiplar
  • Prototip usullari, objects without **proto**
  • Barcha xususiyatlarni olish
Klasslar
  • Klass: asosiy sintaksis
  • Klass meros olish (Class inheritance)
  • Statik xususiyatlar va usullar
  • Xususiy va himoyalangan xususiyatlar va usullar
  • O'rnatilgan klasslarni kengaytirish
  • Klasslarni tekshirish: "instanceof"
  • Miksin
Xatolarni qayta ishlash
  • Xatolarni qayta ishlash, "try..catch"
  • Maxsus xatolar, Error kengaytmasi
Promislar, async/await
  • Kirish: callbacklar
  • Promise
  • Va'dalar zanjiri
  • Va'dalar bilan ishlashda xato
  • Promise API
  • Promisifikatsiya
  • Mikrovazifalar va hodisalar tsikli
  • Async/await
Generatorlar, rivojlangan iteratsiya
  • Generatorlar
  • Asinxron iteratsiya va generatorlar
Modullar
  • Modullar, tanishtirish
  • Eksport va Import
  • Dinamik import
Boshqalar
  • Proxy va Reflect
  • Eval: kod satrini ishga tushirish
  • Currying
  • Reference Type (Havola turi)
  • BigInt
  • Unicode, Satr ichki tuzilishi
  • WeakRef and FinalizationRegistry

Bauzer: Hujjatlar, Voqealar, Interfeyslar

Brauzer sahifasini qanday boshqarishni o’rganish: elementlarni qo’shish, ularning o’lchamlari va holatini boshqarish, dinamik ravishda interfeyslarni yaratish va tashrif buyuruvchi bilan o’zaro aloqada bo’lish.

Hujjat
  • Brauzer muhiti, xususiyatlari
  • DOM daraxti
  • DOM bo'ylab yurish
  • Qidirish: getElement*, querySelector*
  • Tugun xususiyatlari: tur, teg va tarkib
  • Atributlar va xususiyatlar
  • Hujjatni o'zgartirish
  • Uslublar va sinflar
  • Element o'lchami va skrolling
  • Oyna o'lchamlari va skrolling
  • Koordinatalar
  • Ko'proq…
Voqealarga kirish
  • Brauzer hodisalariga kirish
  • Bubbling va Capturing
  • Hodisa delegatsiyasi
  • Brauzerni standart harakatlari
  • Maxsus eventlarni jo'natish
FI (Foydalanuvchi Interfeysi) voqealari
  • Sichqoncha hodisalari
  • Sichqoncha harakati: mouseover/out, mouseenter/leave
  • Sichqoncha hodisalari bilan Drag'n'Drop
  • Pointer hodisalari
  • Klaviatura: keydown va keyup
  • Scrolling
Formalar, boshqaruv elementlari
  • Forma xossalari va metodlari
  • Fokus: focus/blur
  • Hodisalar: change, input, cut, copy, paste
  • Formalar: submit hodisasi va metodi
Hujjat va manbalarni yuklash
  • HTML sahifa hodisalari: DOMContentLoaded, load, beforeunload, unload
  • Skriptlar: async, defer
  • Resurslarni yuklash: onload va onerror
Boshqalari
  • Mutation observer
  • Tanlash va Range
  • Event loop: microtasks va macrotasks

Qo'shimcha maqolalar

O'quv qo'llanmasining dastlabki ikki qismini o'rgandingiz deb taxmin qiladigan qo'shimcha mavzular ro'yxati. Bu yerda aniq bir iyerarxiya yo'q, siz maqolalarni kerakli tartibda o'qishingiz mumkin.
Ramkalar va oynalar
  • Popuplar va window usullari
  • Cross-window aloqa
  • Clickjacking hujumi
Binary ma'lumotlar, fayllar
  • ArrayBuffer, binary arraylar
  • TextDecoder va TextEncoder
  • Blob
  • File va FileReader
Tarmoq so'rovlari
  • Fetch
  • FormData
  • Fetch: Yuklash jarayonini kuzatish
  • Fetch: To'xtatish
  • Fetch: Cross-Origin So'rovlari
  • Fetch API
  • URL obyektlari
  • XMLHttpRequest
  • Qayta boshlanuvchi fayl yuklash
  • Long Polling (Uzoq so'rov)
  • WebSocket
  • Server Sent Events (Server tomonidan yuborilgan event'lar)
  • Ko'proq…
Ma'lumotlarni brauzerda saqlash
  • Cookies, document.cookie
  • LocalStorage, sessionStorage
  • IndexedDB
Animatsiya
  • Bezier egri chizig'i
  • CSS animatsiyalari
  • JavaScript animatsiyalari
Web komponentlar
  • Orbital balandlikdan
  • Custom elementlar
  • Shadow DOM
  • Template elementi
  • Shadow DOM slotlar, kompozitsiya
  • Shadow DOM uslublash
  • Shadow DOM va hodisalar
Muntazam ifodalar
  • Naqshlar va bayroqlar
  • Belgilar sinflari
  • Unicode: "u" bayrog'i va \p{...} sinfi
  • Langarlar: satr boshi ^ va oxiri $
  • Langarlarning ko'p qatorli rejimi ^ $, "m" bayrog'i
  • So'z chegarasi: \b
  • Ekranlash, maxsus belgilar
  • To'plamlar va diapazonlar [...]
  • Miqdorchilar +, *, ? va {n}
  • Ochko'z va dangasa miqdorchilar
  • Ushlash guruhlari
  • Naqshdagi orqa havolalar: \N va \k<name>
  • Alternatsiya (OR) |
  • Oldinga va orqaga qarash
  • Halokatli orqaga qaytish (Catastrophic backtracking)
  • Yopishqoq bayroq "y", pozitsiyada qidirish
  • RegExp va String usullari
  • Ko'proq…
Ulashish
O'quv qo'llanma xaritasi

Izohlar

izoh berishdan oldin buni o'qing…
  • Agar sizda nimani yaxshilash kerakligi haqida takliflaringiz bo'lsa - iltimos, GitHub muammosini yuboring yoki izoh berish o'rniga so'rov yuboring.
  • Agar siz maqolada biror narsani tushunolmasangiz - iltimos, batafsilroq ma'lumot bering.
  • Bir nechta so'z so'zlarini kiritish uchun <code> yorlig'ini ishlating, bir nechta satrlar uchun - ularni <pre> yorlig'i bilan o'rab qo'ying, 10 satrdan ortiq bo'lsa - sandbox (plnkr, jsbin, 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.