Javascript js frontend

​Группировка массивов в JavaScript (2024)

Группировка массивов — это задача, которую вы, скорее всего, реализовывали в JavaScript. Она напоминает выполнение GROUP BY в SQL. Имея набор данных, мы можем составить набор более высокого уровня, поместив похожие данные в группы и присвоив группам идентификаторы.

В этой статье разбираем новые функции группировки массивов, вышедшие в 2024 году, а именно Object.groupBy и Map.groupBy.

#ru

JavaScript. Задача

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

Необходимо составить программу нахождения цифрового корня натурального числа.

Входные данные: N - натуральное число, где 0 <= N <= 10^9

Вывод: цифровой корень числа N

Ответ

Hollow Box Loading Animation

Анимация загрузки предоставлена в виде квадрата, реализована с помощью CSS.

#css

Interactive ropes background

Создано на canvas и JS без использования библиотек.

#js

​Черт тебя возьми, CSS

В этой статье:

- Нюансы работы синтаксиса of S для псевдо-класса :nth-child()
- Случаи использования свойства aspect-ratio, неожиданно ломающие вёрстку
- Различия между псевдоклассом lang() и селектором по атрибуту [lang=""].

#ru

Winter papercut

Зимняя сценка с анимированным снегом.

#js

JavaScript. Что будет выведено в консоль?

Ответ

Countdown

Счетчик времени до Нового года.

#js

​Каскад и специфичность в CSS - это просто

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

#ru

Credit Card Checkout

Верстка формы на HTML и SCSS. Значения в карточке устанавливаются в JS.

#js