Кроме примитивных типов в JavaScript существуют и сложные — например, объект.

Объект (object) — это набор свойств. Каждое свойство состоит из названия и значения. Название может быть строкой или символом, а значение может быть любым.

Объекты в JavaScript используются повсюду, особенно для хранения данных. Для уверенной работы с объектами необходимо знать, как создавать объект, как его изменять и как читать значения свойств.

#JavaScript

Псевдокласс :default применяется к элементам, которые используются по умолчанию в группе аналогичных элементов.

#CSS

Для кнопок необходимо создавать стандартную форму, чтобы пользователи не задумывались над ней, кнопка это или нет.

#UX_UI

С атрибутом multiple можно выбрать несколько файлов в input, либо несколько вариантов в списке select.

#HTML

Существует два вида синтаксиса для обращения к значению свойства объекта, в обоих случаях используется имя свойства.

✓ Самый распространённый способ — с помощью точки
✓ Альтернативно для чтения можно использовать квадратные скобки

Если прочитать свойство, которого нет у объекта, то вернётся undefined

#JavaScript

Псевдокласс :root нужен для обращения к самому главному родительскому элементу документа. Его также называют корневым элементом. В случае HTML-документа самым главным родителем всей страницы будет тег html.

#CSS

Чтобы получить содержимое ячейки с этим номером, необходимо обратиться к конкретному индексу. Если ячейка пустая или такой ячейки нет, то JavaScript вернёт undefined

#JavaScript

Псевдокласс :focus-within применяется к элементам, которые либо сами находятся в фокусе, либо имеют дочерние элементы в фокусе.

#CSS

Подсказка — это компонент, который предоставляет пользователю дополнительную информацию. Целью всплывающих подсказок является предоставление пользователям некритической или дополнительной информации.

Такая подсказка объясняет пользователю функцию кнопки с иконкой. Также она может содержать сочетание клавиш функции.

#UX_UI

Тег meter используется для визуального отображения числового значения в заданном диапазоне. Браузеры, поддерживающие этот тег, отрисовывают его в виде прогресс-бара, заполненного в зависимости от значения атрибута value и раскрашенного в системные цвета.

#HTML

Функции — это объект первого класса. Это означает, что функцию можно использовать так же, как и другие типы данных: сохранять в переменную, передавать аргументом и возвращать из функции.

Технически, функция — это объект JavaScript, у которого есть внутренний метод Call(), который добавляет возможность вызова функции.

#JavaScript

Псевдоэлемент ::first-line позволяет задать стили для первой строки текста, расположенного внутри блочного элемента. Текст, попадающий под действие этого псевдоэлемента, вычисляется динамически при изменении ширины блока.

#CSS

Необходимо выделять формат ввода с помощью placeholder.

#UX_UI

С помощью тега area можно сделать красивую навигацию, разметив обычную картинку областями и указав для них ссылки.

#HTML

Спред-синтаксис (spread) ... позволяет передавать итерируемые коллекции (например, массивы или строки) как список аргументов функции или добавлять содержащиеся в них элементы в новый массив.

Спред применятся и для объектов, чтобы копировать пары ключ-значение из одного объекта в другой.

#JavaScript

Псевдоэлемент ::first-leter позволяет задать стили для первой буквы первой строки блочного элемента, если перед текстом нет другого содержимого.

#CSS

Существует категория HTML-атрибутов, которые можно применить к любому или почти любому HTML-тегу.

Пример глобального атрибута, с которым вы точно работаете постоянно — class. Его можно задать абсолютно любому тегу.

#HTML

Псевдоэлемент ::selection позволяет применить стили к пользовательскому выделению (например, к выделенному с помощью мыши тексту) и изменить его вид. Это полезно, если необходимо оформить выделение текста в соответствии с конкретным дизайном.

#CSS

Для улучшения пользовательского интерфейса, используйте регистр заголовка вместо верхнего регистра.

#UX_UI

Тернарный оператор работает с тремя операндами: одним условием и двумя выражениями. Возвращает первое выражение, если условие истинно и второе, если условие ложно.

Используется как компактная замена условного оператора if...else.

#JavaScript

Тег dialog создаёт всплывающее окно или диалог. По умолчанию не показывается на странице.

Может открываться в двух режимах:
всплывающее окно — не блокирует взаимодействие со страницей;
модальное окно — откроется поверх страницы, имеет фоновое затемнение, остальной контент не доступен для взаимодействия.

#HTML