Тег wbr указывает браузеру место, где допускается делать перенос строки в тексте, если текст не влезает в родительский элемент. Это полезно для адаптивной вёрстки если у вас в тексте есть длинные слова или, например, ссылки.

#HTML

Селектор по атрибуту находит элемент на странице по значению либо по наличию атрибута.

#CSS

Копирование массива.
Массив — большая структура, и она не вмещается в одну переменную. Переменная хранит адрес, где находится массив. Если этого не знать, то результат такого кода будет выглядеть странно.

Хитрость в том, что во второй строке происходит копирование адреса, где находится массив, а не самого массива. В итоге получаем ситуацию, когда две переменные iWatched и vitalikWatched работают с одним массивом, так как хранят один адрес. Это особенность работы со значениями, которые хранятся по ссылке.

#JavaScript

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

#UX_UI

Копия массива создаётся с помощью метода slice(). Нужно вызвать его без аргументов и сохранить результат в новую переменную.

#JavaScript

Тег code используется для вывода фрагментов программного кода.

#HTML

Псевдоклассы :in-range, :out-of-range используются для стилизации полей ввода, поддерживающих атрибуты min и max:

:in-range для полей, в которых введённое значение попадает в диапазон от min до max;

:out-of-range для полей, в которых введённое значение не попадает в диапазон от min до max.

#CSS

Для того чтобы использовать forEach(), понадобится колбэк-функция, которую необходимо передавать в метод. Функцию можно объявить заранее.

#JavaScript

Тег progress создаёт индикатор выполнения задачи. Обычно выглядит как прогресс-бар.

#HTML

Одним из главных элементов на странице является аватар, поэтому его необходимо выделять - ставить на передний план. 

#UX_UI

Функция-псевдокласс :where() принимает один или несколько селекторов в качестве аргумента. Браузер при чтении применяет стили к любому из селекторов-аргументов.

#CSS

Метод map() позволяет трансформировать один массив в другой при помощи функций-колбэка. 

Переданная функция будет вызвана для каждого элемента массива по порядку. Из результатов вызова функции будет собран новый массив.

#JavaScript

При помощи тега source можно указать несколько источников для видео, аудио или изображения. Очень помогает, когда нужно подключить контент в нескольких форматах для лучшей поддержки в разных браузерах.

#HTML

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

#UX_UI

Директива @keyframes используется для создания ключевых кадров CSS-анимаций.

#CSS

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

#JavaScript

Атрибут hidden скрывает элемент безо всякого CSS.

#HTML

Тег stroke управляет цветом и толщиной обводки у SVG.

#CSS

Функция обязательно должна возвращать значение, поскольку в каждой следующей итерации значение в acc будет результатом, который вернулся на предыдущем шаге. Логичный вопрос, который может здесь возникнуть — какое значение принимает acc во время первой итерации? Им будет то самое начальное значение, которое передаётся вторым аргументом в метод reduce().

Начальное значение для аккумулятора можно не указывать явно. В таком случае на первой итерации аккумулятор будет равен значению первого элемента в массиве.

#JavaScript

Тег canvas добавляет растровый холст на страницу. Этот холст можно использовать для отрисовки 2D- или 3D-графики, анимаций, видео.

#HTML

Метод has()

Проверяет, содержится ли значение в коллекции Set. Если значение есть в коллекции, метод вернёт true, в противном случае false.
Метод принимает один аргумент значение, которое нужно проверить.

#JavaScript