Вебтехнології для розробників
- CSS Tutorials
- How to
- Firefox (-moz-) vendor-prefixed CSS extensions
- CSS selectors
- WebKit (-webkit-) vendor-prefixed CSS extensions
- CSS at-rules
- CSS values
- CSS properties
- CSS guides
- How to
- HTML guides
- HTML reference
- Control flow and error handling
- Closures
- JavaScript data types and data structures
- Enumerability and ownership of properties
- Equality comparisons and sameness
- Iterators and generators
- Internationalization
- Introduction
- Inheritance and the prototype chain
- Keyed collections
- JavaScript language overview
- Numbers and strings
- Memory management
- Meta programming
- Representing dates & times
- JavaScript resource management
- JavaScript typed arrays
- Assertions
- Character classes
- Groups and backreferences
- Quantifiers
- Deprecated and obsolete features
- JavaScript execution model
- JavaScript technologies overview
- Trailing commas
- extends
- Private elements
- Public class fields
- static
- Static initialization blocks
- constructor
- Input boundary assertion: ^, $
- Literal character: a, b
- Disjunction: |
- Lookbehind assertion: (?<=...), (?<!...)
- Lookahead assertion: (?=...), (?!...)
- Modifier: (?ims-ims:...)
- Named capturing group: (?<name>...)
- Named backreference: \k<name>
- Non-capturing group: (?:...)
- Unicode character class escape: \p{...}, \P{...}
- Quantifier: *, +, ?, {n}, {n,}, {n,m}
- Word boundary assertion: \b, \B
- TypeError: already executing generator
- Wildcard: .
- Warning: -file- is being assigned a //# sourceMappingURL, but already has one
- TypeError: invalid Array.prototype.sort argument
- SyntaxError: arguments is not valid in fields
- SyntaxError: await is only valid in async functions, async generators and modules
- SyntaxError: await/yield expression can\'t be used in parameter
- SyntaxError: unlabeled break must be inside loop or switch
- SyntaxError: continue must be inside loop
- SyntaxError: new keyword cannot be used with an optional chain
- RangeError: radix must be an integer
- SyntaxError: invalid regular expression flag "x"
- SyntaxError: tagged template cannot be used with optional chain
- SyntaxError: return not in function
- SyntaxError: use of super property/member accesses only valid within methods or eval code within methods
- SyntaxError: \'arguments\'/\'eval\' can\'t be defined or assigned to in strict mode code
- RangeError: BigInt division by zero
- SyntaxError: super() is only valid in derived class constructors
- TypeError: BigInt value can\'t be serialized in JSON
- RangeError: BigInt negative exponent
- TypeError: calling a builtin X constructor without new is forbidden
- TypeError: X.prototype.y called on incompatible type
- ReferenceError: can\'t access lexical declaration \'X\' before initialization
- TypeError: can\'t assign to property "x" on "y": not an object
- RangeError: x can\'t be converted to BigInt because it isn\'t an integer
- TypeError: can\'t convert BigInt to number
- TypeError: can\'t convert x to BigInt
- SyntaxError: private fields can\'t be deleted
- TypeError: property "x" is non-configurable and can\'t be deleted
- TypeError: can\'t set prototype of this object
- TypeError: can\'t redefine non-configurable property "x"
- TypeError: can\'t define property "x": "obj" is not extensible
- SyntaxError: cannot use ?? unparenthesized within || and && expressions
- TypeError: cyclic object value
- TypeError: class constructors must be invoked with \'new\'
- TypeError: Iterator/AsyncIterator constructor can\'t be used directly
- TypeError: \'caller\', \'callee\', and \'arguments\' properties may not be accessed
- TypeError: can\'t set prototype: it would cause a prototype chain cycle
- SyntaxError: applying the \'delete\' operator to an unqualified name is deprecated
- SyntaxError: octal escape sequences can\'t be used in untagged template literals or in strict mode code
- SyntaxError: "0"-prefixed octal literals are deprecated
- SyntaxError: Using //@ to indicate sourceURL pragmas is deprecated. Use //# instead
- SyntaxError: duplicate formal argument x
- SyntaxError: getter and setter for private name #x should either be both static or non-static
- RangeError: form must be one of \'NFC\', \'NFD\', \'NFKC\', or \'NFKD\'
- SyntaxError: property name __proto__ appears more than once in object literal
- SyntaxError: getter functions must have no arguments
- TypeError: can\'t access/set private field or method: object is not the right class
- SyntaxError: functions cannot be labelled
- TypeError: setting getter-only property "x"
- SyntaxError: identifier starts immediately after numeric literal
- SyntaxError: illegal character
- SyntaxError: Unexpected \'#\' used outside of class body
- TypeError: cannot use \'in\' operator to search for \'x\' in \'y\'
- SyntaxError: import declarations may only appear at top level of a module
- RangeError: invalid array length
- SyntaxError: invalid assignment left-hand side
- SyntaxError: invalid BigInt syntax
- TypeError: invalid assignment to const "x"
- RangeError: invalid date
- TypeError: derived class constructor returned invalid value x
- SyntaxError: for-in loop head declarations may not have initializers
- SyntaxError: a declaration in the head of a for-of loop can\'t have an initializer
- TypeError: invalid \'instanceof\' operand \'x\'
- TypeError: \'x\' is not iterable
- SyntaxError: JSON.parse: bad parsing
- SyntaxError: label not found
- TypeError: WeakSet key/WeakMap value \'x\' must be an object or an unregistered symbol
- URIError: malformed URI sequence
- SyntaxError: missing ] after element list
- SyntaxError: missing : after property id
- SyntaxError: missing } after function body
- SyntaxError: missing formal parameter
- SyntaxError: missing } after property list
- SyntaxError: missing = in const declaration
- SyntaxError: missing name after . operator
- SyntaxError: missing ) after argument list
- SyntaxError: missing ) after condition
- RangeError: repeat count must be non-negative
- TypeError: "x" is not a non-null object
- TypeError: More arguments needed
- TypeError: null/undefined has no properties
- TypeError: can\'t delete non-configurable array element
- TypeError: "x" is not a constructor
- SyntaxError: missing variable name
- TypeError: "x" is not a function
- RangeError: precision is out of range
- SyntaxError: parameter after rest parameter
- TypeError: Initializing an object twice is an error with private fields/methods
- TypeError: getting private setter-only property
- AggregateError: No Promise in Promise.any was resolved
- Error: Permission denied to access property "x"
- TypeError: "x" is read-only
- SyntaxError: redeclaration of formal parameter "x"
- TypeError: Reduce of empty array with no initial value
- SyntaxError: \ at end of pattern
- RangeError: argument is not a valid code point
- SyntaxError: character class escape cannot be used in class range in regular expression
- SyntaxError: duplicate capture group name in regular expression
- SyntaxError: incomplete quantifier in regular expression
- SyntaxError: invalid regexp group
- SyntaxError: invalid character in class in regular expression
- SyntaxError: invalid capture group name in regular expression
- SyntaxError: invalid class set operation in regular expression
- SyntaxError: invalid identity escape in regular expression
- SyntaxError: invalid decimal escape in regular expression
- SyntaxError: invalid named capture reference in regular expression
- SyntaxError: invalid property name in regular expression
- SyntaxError: negated character class with strings in regular expression
- SyntaxError: invalid range in character class
- SyntaxError: invalid unicode escape in regular expression
- SyntaxError: nothing to repeat
- SyntaxError: numbers out of order in {} quantifier.
- TypeError: matchAll/replaceAll must be called with a global RegExp
- SyntaxError: "x" is a reserved identifier
- SyntaxError: rest parameter may not have a default
- SyntaxError: raw bracket is not allowed in regular expression with unicode flag
- SyntaxError: setter functions must have one argument
- Warning: unreachable code after return statement
- RangeError: repeat count must be less than infinity
- SyntaxError: string literal contains an unescaped line break
- SyntaxError: "use strict" not allowed in function with non-simple parameters
- ReferenceError: super() called twice in derived class constructor
- ReferenceError: must call super constructor before using \'this\' in derived class constructor
- ReferenceError: assignment to undeclared variable "x"
- SyntaxError: reference to undeclared private field or method #x
- SyntaxError: Unexpected token
- InternalError: too much recursion
- TypeError: "x" is (not) "y"
- SyntaxError: function statement requires a name
- SyntaxError: unparenthesized unary expression can\'t appear on the left-hand side of \'**\'
- Method definitions
- get
- Rest parameters
- set
- arguments.length
- arguments[Symbol.iterator]()
- arguments.callee
- Assignment (=)
- Addition (+)
- Addition assignment (+=)
- Bitwise AND (&)
- async function* expression
- Bitwise AND assignment (&=)
- Bitwise NOT (~)
- async function expression
- Bitwise OR (|)
- Bitwise XOR (^)
- Bitwise OR assignment (|=)
- Bitwise XOR assignment (^=)
- Comma operator (,)
- class expression
- Decrement (--)
- Division (/)
- Division assignment (/=)
- Exponentiation (**)
- Equality (==)
- Destructuring
- function* expression
- Exponentiation assignment (**=)
- Greater than or equal (>=)
- Greater than (>)
- Grouping operator ( )
- import()
- Inequality (!=)
- instanceof
- Increment (++)
- Left shift assignment (<<=)
- Left shift (<<)
- Less than (<)
- Logical AND assignment (&&=)
- Less than or equal (<=)
- in
- Logical OR assignment (||=)
- Multiplication (*)
- new.target
- Multiplication assignment (*=)
- Nullish coalescing assignment (??=)
- Logical NOT (!)
- Operator precedence
- Remainder (%)
- Remainder assignment (%=)
- Right shift assignment (>>=)
- Right shift (>>)
- Strict equality (===)
- Strict inequality (!==)
- super
- Subtraction assignment (-=)
- Subtraction (-)
- Unsigned right shift (>>>)
- Unary negation (-)
- Unary plus (+)
- Unsigned right shift assignment (>>>=)
- void operator
- yield
- yield*
- import.meta
- async function*
- Block statement
- await using
- class
- debugger
- continue
- do...while
- Empty statement
- export
- Expression statement
- break
- for
- for await...of
- function
- function*
- Labeled statement
- return
- throw
- using
- while
- with
- Import attributes
- decodeURI()
- encodeURI()
- decodeURIComponent()
- escape()
- eval()
- globalThis
- isFinite()
- parseFloat()
- AggregateError
- unescape()
- ArrayBuffer.prototype.byteLength
- ArrayBuffer.isView()
- ArrayBuffer.prototype.resizable
- ArrayBuffer.prototype.maxByteLength
- ArrayBuffer[Symbol.species]
- ArrayBuffer.prototype.slice()
- ArrayBuffer.prototype.resize()
- ArrayBuffer() constructor
- ArrayBuffer.prototype.transferToFixedLength()
- ArrayBuffer.prototype.transfer()
- AsyncFunction
- AsyncDisposableStack
- AsyncGenerator
- AsyncGeneratorFunction
- Array() constructor
- Array.prototype.copyWithin()
- Array.prototype.entries()
- Array.prototype.fill()
- Array.prototype.findLast()
- Array.prototype.findLastIndex()
- Array.fromAsync()
- Array.prototype.keys()
- Array.prototype.lastIndexOf()
- Array.of()
- Array.prototype.reduceRight()
- Array.prototype[Symbol.iterator]()
- Array[Symbol.species]
- Array.prototype[Symbol.unscopables]
- Array.prototype.toLocaleString()
- Array.prototype.toSorted()
- Array.prototype.toSpliced()
- Array.prototype.toString()
- Array.prototype.toReversed()
- Array.prototype.values()
- Array.prototype.with()
- AsyncIterator
- BigInt64Array
- Atomics
- BigInt.asUintN()
- BigInt.asIntN()
- BigInt() constructor
- BigInt.prototype.toString()
- BigUint64Array
- BigInt.prototype.toLocaleString()
- BigInt.prototype.valueOf()
- Boolean() constructor
- Boolean.prototype.valueOf()
- Boolean.prototype.toString()
- DataView.prototype.byteLength
- DataView
- DisposableStack
- Date.prototype.getDate()
- Date.prototype.getFullYear()
- Date.prototype.getDay()
- Date.prototype.getMilliseconds()
- Date.prototype.getHours()
- Date.prototype.getMinutes()
- Date.prototype.getSeconds()
- Date.prototype.getMonth()
- Date.prototype.getTime()
- Date.prototype.getTimezoneOffset()
- Date.prototype.getUTCDate()
- Date.prototype.getUTCDay()
- Date.prototype.getUTCMilliseconds()
- Date.prototype.getUTCFullYear()
- Date.prototype.getUTCHours()
- Date.prototype.getUTCMinutes()
- Date.prototype.getUTCMonth()
- Date.prototype.getUTCSeconds()
- Date.prototype.getYear()
- Date.prototype.setDate()
- Date.prototype.setHours()
- Date.prototype.setMilliseconds()
- Date.prototype.setFullYear()
- Date.prototype.setSeconds()
- Date.prototype.setTime()
- Date.prototype.setMinutes()
- Date.prototype.setMonth()
- Date.prototype.setUTCFullYear()
- Date.prototype.setUTCDate()
- Date.prototype.setUTCMilliseconds()
- Date.prototype.setUTCMinutes()
- Date.prototype.setUTCHours()
- Date.prototype.setUTCMonth()
- Date.prototype.setUTCSeconds()
- Date.prototype.setYear()
- Date.prototype[Symbol.toPrimitive]()
- Date.prototype.toJSON()
- Date.prototype.toDateString()
- Date.prototype.toLocaleTimeString()
- Date.prototype.toTemporalInstant()
- Date.prototype.toString()
- Date.UTC()
- Date.prototype.toUTCString()
- Date.prototype.toTimeString()
- Date.prototype.valueOf()
- Error.captureStackTrace()
- Error: cause
- Error: columnNumber
- Error() constructor
- Error: fileName
- Error.isError()
- Error: message
- Error.prototype.stack
- Error: lineNumber
- Error.prototype.name
- Error.stackTraceLimit
- Error.prototype.toString()
- EvalError
- Float16Array
- Float32Array
- Float64Array() constructor
- Float64Array
- FinalizationRegistry
- GeneratorFunction
- Generator
- Function.prototype.arguments
- Function.prototype.apply()
- Function.prototype.bind()
- Function: displayName
- Function.prototype.call()
- Function: name
- Function: prototype
- Function() constructor
- Function.prototype.caller
- Function.prototype[Symbol.hasInstance]()
- Function.prototype.toString()
- Function: length
- Int16Array() constructor
- Int16Array
- Int32Array
- Int8Array
- InternalError
- JSON.rawJSON()
- JSON.isRawJSON()
- Iterator.concat()
- Iterator.prototype.every()
- Iterator
- Map.prototype.entries()
- Map.prototype.delete()
- Map.prototype.clear()
- Map.prototype.forEach()
- Map.prototype.getOrInsert()
- Map.prototype.get()
- Map.prototype.getOrInsertComputed()
- Map.groupBy()
- Map.prototype.has()
- Map.prototype.keys()
- Map() constructor
- Map.prototype[Symbol.iterator]()
- Map.prototype.set()
- Map[Symbol.species]
- Map.prototype.size
- Map.prototype.values()
- Number.EPSILON
- Number.isFinite()
- Number.isInteger()
- Number.isNaN()
- Number.isSafeInteger()
- Number.MAX_SAFE_INTEGER
- Number.MIN_SAFE_INTEGER
- Number.MAX_VALUE
- Number.MIN_VALUE
- Number.NEGATIVE_INFINITY
- Number.NaN
- Number() constructor
- Number.parseFloat()
- Number.parseInt()
- Number.POSITIVE_INFINITY
- Number.prototype.toExponential()
- Number.prototype.toLocaleString()
- Number.prototype.toFixed()
- Number.prototype.valueOf()
- Number.prototype.toString()
- Number.prototype.toPrecision()
- Math.f16round()
- Math.sumPrecise()
- Promise.allSettled()
- Promise.any()
- Promise.prototype.catch()
- Promise.prototype.finally()
- Promise.reject()
- Promise.race()
- Promise[Symbol.species]
- Promise.try()
- Object.prototype.__defineGetter__()
- Object.prototype.__lookupGetter__()
- Object.prototype.__defineSetter__()
- Object.defineProperties()
- Object.prototype.__lookupSetter__()
- Object.getOwnPropertyDescriptor()
- Object.getOwnPropertyDescriptors()
- Object.getOwnPropertySymbols()
- Object.getPrototypeOf()
- Object.groupBy()
- Object.isFrozen()
- Object.isExtensible()
- Object.prototype.isPrototypeOf()
- Object() constructor
- Object.prototype.propertyIsEnumerable()
- Object.isSealed()
- Object.preventExtensions()
- Object.prototype.__proto__
- Object.setPrototypeOf()
- Object.prototype.toLocaleString()
- Object.seal()
- RangeError
- ReferenceError
- Reflect
- SharedArrayBuffer
- RegExp.prototype.compile()
- RegExp.prototype.dotAll
- RegExp.escape()
- RegExp.prototype.global
- RegExp.prototype.flags
- RegExp.prototype.ignoreCase
- RegExp.prototype.hasIndices
- RegExp.input ($_)
- RegExp.lastMatch ({{ListSubpages("", 1, 0, 1)}}amp;)
- RegExp.leftContext ($\`)
- RegExp.lastParen ($+)
- RegExp.prototype.multiline
- RegExp.$1, …, RegExp.$9
- RegExp() constructor
- RegExp.rightContext ($\')
- RegExp.prototype.sticky
- RegExp.prototype.source
- RegExp.prototype[Symbol.match]()
- RegExp.prototype[Symbol.replace]()
- RegExp.prototype[Symbol.search]()
- RegExp[Symbol.species]
- RegExp.prototype[Symbol.split]()
- RegExp.prototype[Symbol.matchAll]()
- RegExp.prototype.toString()
- RegExp.prototype.unicode
- RegExp.prototype.unicodeSets
- SuppressedError
- Set.prototype.add()
- SyntaxError
- Set.prototype.delete()
- Set.prototype.clear()
- Set.prototype.entries()
- Set.prototype.forEach()
- Set.prototype.has()
- Set.prototype.keys()
- Set() constructor
- Set.prototype[Symbol.iterator]()
- Set[Symbol.species]
- Set.prototype.values()
- Set.prototype.size
- Symbol.prototype.description
- Symbol.asyncDispose
- Symbol.dispose
- Symbol.asyncIterator
- Symbol.for()
- Symbol.hasInstance
- Symbol.iterator
- Symbol.match
- Symbol.keyFor()
- Symbol.matchAll
- Symbol.replace
- Symbol.isConcatSpreadable
- Symbol.search
- Symbol.species
- Symbol.split
- Symbol.prototype[Symbol.toPrimitive]()
- Symbol() constructor
- Symbol.toPrimitive
- Symbol.prototype.toString()
- Symbol.toStringTag
- Symbol.prototype.valueOf()
- Symbol.unscopables
- TypeError() constructor
- Uint16Array
- String.prototype.isWellFormed()
- String.prototype.toWellFormed()
- TypedArray
- Uint32Array
- Uint8Array
- Uint8ClampedArray
- URIError
- WeakRef
- WeakMap.prototype.delete()
- WeakMap
- WeakSet
- Proxy.revocable()
- handler.apply()
- Proxy() constructor
- Temporal.Duration.prototype.abs()
- Temporal.Duration
- Temporal
- Intl.getCanonicalLocales()
- Intl.DateTimeFormat
- Intl.supportedValuesOf()
- Intl.DisplayNames
- Intl.DurationFormat
- Intl.ListFormat
- Intl.NumberFormat.prototype.format()
- Intl.NumberFormat.prototype.formatRange()
- Intl.NumberFormat.prototype.formatToParts()
- Intl.NumberFormat.prototype.formatRangeToParts()
- Intl.NumberFormat.prototype.resolvedOptions()
- Intl.NumberFormat() constructor
- Intl.PluralRules
- Intl.NumberFormat.supportedLocalesOf()
- Intl.RelativeTimeFormat
- Intl.Collator
- Intl.Locale
- Intl.Segmenter
- SVG guides
- SVG reference
- SVG tutorials
- CSS – Каскадні списки стилів
- HTML – мова розмітки гіпертексту
- JavaScript
- SVG: масштабована векторна графіка
Відкритий веб надає дивовижні можливості для розробників. Щоб скористатися усіма перевагами цих технологій, потрібно розуміти, як їх застосовувати. Нижче наведено посилання на документацію про різні вебтехнології.
Документація для веброзробників
- Посібник веброзробника
Посібник веброзробника пропонує корисні матеріали, які допоможуть вам використовувати вебтехнології для виконання того, що ви хочете або повинні зробити.
- Підручники для веброзробників
Набір підручників, які крок за кроком проведуть вас через вивчення HTML, CSS, JavaScript й API Вебу.
- Доступність
Про те, як зробити використання вебсайтів можливим для якомога більшої кількості людей, навіть якщо можливості цих людей певним чином обмежено.
- Ефективність
Про те, як зробити вміст якомога доступнішим та інтерактивнішим, якомога швидше.
- Безпека
Захист користувачів від витоку даних та крадіжки даних, атак сторонніми каналами, а також міжсайтового програмування, ін'єкцій вмісту та перехоплення клацань.
Довідник з вебтехнологій
- API Вебу
API програмування на JavaScript, які можна використовувати для створення застосунків у Вебі.
- HTML
HTML надає основні (базові) цеглини для структурування вебдокументів та вебзастосунків.
- CSS
Каскадні списки стилів використовуються для опису зовнішнього вигляду вебдокументів та вебзастосунків.
- JavaScript
JavaScript – це рідна мова програмування Вебу.
- WebAssembly
WebAssembly дає змогу програмам, написаним на C, C++, Rust, Swift, C#, Go та інших мовах, працювати у Вебі.
- Події
Події – це те, для реагування на що створюються вебзастосунки; наприклад, коли вебсторінка завершує своє завантаження, або коли користувач щось обирає, натискає клавішу, змінює розмір вікна, подає форму чи призупиняє відео.
- HTTP
HTTP – це фундаментальний протокол Інтернету для отримання документів, списків стилів, сценаріїв, зображень, відео, шрифтів та інших ресурсів крізь Веб – а також для надсилання даних назад на вебсервери.
- Медіа
Формати, кодеки, протоколи, API та техніки для вбудування та потокового відтворення відео, аудіо та зображень у вебдокументах і вебзастосунках.
- SVG
Масштабовна векторна графіка дає змогу описувати зображення, що плавно масштабуються до будь-якого розміру.
- MathML
MathML дає змогу показувати складні математичні формули у Вебі.
- Вебкомпоненти
Вебкомпоненти – це елементи, які можна самотужки визначити та багаторазово використовувати у вебзастосунках.
- WebDriver
WebDriver – це механізм автоматизації браузерів для віддаленого керування браузером шляхом імітування дій справжньої людини, що ним користується. Широко використовується для тестування вебзастосунків у різних браузерах.
- Веброзширення
Веброзширення – спосіб надати користувачам у їхніх браузерах розширені можливості, наприклад, блокування реклами та іншого вмісту, налаштування вигляду сторінок та інше.
- Декларації вебзастосунків
Декларації вебзастосунків дають користувачам змогу встановлювати вебзастосунки на домашні екрани своїх пристроїв, з наперед визначеними аспектами штибу вертикального чи горизонтального орієнтування екрана, режиму відображення (наприклад, повноекранного) тощо.
- Поступові вебзастосунки (PWA)
Поступові вебзастосунки пропонують користувацький досвід, подібний до нативних мобільних застосунків.
Документація інструментів розробника
- Інструменти розробника Firefox
Документація набору інструментів розробника, вбудованого в Firefox.
- Chrome DevTools
Документація набору інструментів розробника, вбудованого в Chrome.
- Вебінспектор Safari
Документація набору інструментів веброзробника, вбудованого в Safari.
- Edge DevTools
Документація набору інструментів веброзробника, вбудованого в Edge.