Frontend Formula

Sliding Stepper Анимированный переключатель, сделанный с помощью CSS и JavaScript. https://codepen.io/jkantner/pen/oNGzBmm

Turning pages with CSS Плавный эффект перелистывания страниц на чистом CSS. https://codepen.io/amit_sheen/pen/WNweryv

Digital Alarm / Clock / StopWatch Часы в современном стиле с будильником и секундомером. Реализованы с jQuery. https://codepen.io/amirrezajef/pen/NEoJKd

Полное понимание асинхронности в браузере Эта статья — попытка собрать воедино все мысли по этой теме, разнесенные по разным местам интернета. https://habr.com/ru/company/yandex/blog/718084/

Задача Дана строка, содержащая числительные, представляющие цифры 0-9. Буквы слов перемешаны. Необходимо вернуть цифры в порядке возрастания. Входные данные: str - строка, содержащая только прописные английские буквы, размер строки от 1 до 10^4. Гарантируется, что строка валидная и содержит представление цифр 0-9. Выходные данные: строка, содержащая цифры 0-9. Примеры: str = “owoztneoer” (т.е. “zeroonetwo”) Output: “012” str = “fviefuro” (т.е. “fourfive”) Output: “45” Ответ

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

Article Toggle Плавное переключение светлой и темной тем, написанное с CSS и JavaScript. https://codepen.io/dope/pen/LYZRvNv

#вопросы_с_собеседований Что такое React Reconciliation (Cверка) и как он работает? Reconciliation (Cверка) - это процесс, посредством которого React обновляет DOM. Когда состояние компонента изменяется, React должен рассчитать необходимость обновления DOM. Это делается путем создания виртуального DOM и сравнения его с текущим DOM. В этом контексте виртуальный DOM будет содержать новое состояние компонента. При сравнении двух деревьев первым делом React сравнивает два корневых элемента. Поведени...

Paper Cut Text Effect Анимированный текст в виде вырезов в бумаге, сделанный с помощью SCSS и библиотеки Babel.js. https://codepen.io/ykadosh/pen/PoWgbbj

SUBMIT Анимированная кнопка, выполненная с помощью CSS, SVG и JavaScript. https://codepen.io/jkantner/pen/zYdaBPJ