Doka Documentation

The console object provides access to debugging and logging methods. It is available as a property of the global object: window in browsers and global in Node.js.

The Console API methods are categorized into:

• Logging methods: For outputting messages at different levels.
• Counting functions: For tracking occurrences.
• Grouping functions: For organizing related logs.
• Timers: For measuring execution time.

Logging levels vary by environment but typically include:

• error (error)
• warning (warning)
• info (info)
• debug or verbose (debug / verbose)

The color CSS property sets the color of text and its decorative elements (such as underlines, overlines, and strikethroughs). It is distinct from background-color (which sets the background) and border-color (which sets the border color).

.element {
  color: red;
}

The <input> tag is a versatile container used to create various interactive elements such as text fields, buttons, sliders, and checkboxes. It allows users to enter data, make selections, or trigger actions.

To ensure that data entered into an <input> is sent to a server, you must either wrap the input inside a <form> element or associate it with a form using an id.

<label for="name">Введите название (от 4 до 8 символов):</label>

<input
  type="text"
  id="name"
  name="name"
  required
  minlength="4"
  maxlength="8"
  size="10"
>

When choosing a framework, consider how they handle change detection and DOM updates:

• Virtual DOM (React, Vue): Maintains an in-memory representation of the application state. It finds changes by comparing two versions of the tree. While efficient for many tasks, very large applications can consume significant memory, and frequent updates require tree comparison overhead.
• Angular: Uses automatic change detection strategies, but also provides secondary strategies that developers can implement to optimize performance in specific scenarios.
• Svelte: Uses a compilation-based approach. It generates highly targeted code during the build process that tracks only the necessary changes, resulting in a smaller and faster runtime footprint.

Rollup provides several optimization and build features:

• Real-time rebuilding: Rebuilds the bundle automatically when code changes.
• Syntax and formatting checks: Validates code integrity.
• Multi-bundle output: Can generate multiple bundles from one project (e.g., ES6, ES5 for older browsers, and Node.js versions).
• Minification: Removes whitespace to reduce file size.
• Plugin support: Extends functionality via plugins.
• Tree Shaking: Automatically removes unused code to reduce bundle weight and improve performance. This is enabled by default.
• Code Splitting: Supports loading code progressively (lazy loading) to prevent long initial load times.

Web accessibility relies on several fundamental rules to ensure content is usable by everyone, including those using assistive technologies:

• Use semantic HTML tags: Prefer native elements over generic containers to provide built-in meaning and functionality.
• Provide obvious and accessible content: Ensure the text content of tags is clear and meaningful.
• Use labels for form elements: Always use the <label> tag to associate text with form inputs.
• Ensure scalability: Use user-scalable and maximum-scale within the <meta> tag to allow users to zoom.
• Use ARIA as a supplement: Only use WAI-ARIA when native HTML elements cannot fulfill the required functionality.

ARIA (Accessible Rich Internet Applications) is a set of additional attributes that extend the capabilities of HTML, SVG, and other languages to create more accessible interfaces.

Key characteristics:

• ARIA helps improve the accessibility of interactive elements, link elements together, indicate their state, mark page changes, or describe document structure.
• ARIA does not affect the visual appearance or behavior of elements.
• ARIA does not change the DOM.
• ARIA only changes how browsers, the Accessibility API, and assistive technologies (like screen readers, Braille displays, screen magnifiers, and voice control) interact with the elements.