Задача

Дана строка, содержащая числительные, представляющие цифры 0-9. Буквы слов перемешаны. Необходимо вернуть цифры в порядке возрастания.

Входные данные: str - строка, содержащая только прописные английские буквы, размер строки от 1 до 10^4. Гарантируется, что строка валидная и содержит представление цифр 0-9.

Выходные данные: строка, содержащая цифры 0-9.

Примеры:
str = “owoztneoer” (т.е. “zeroonetwo”)
Output: “012”
str = “fviefuro” (т.е. “fourfive”)
Output: “45”

Ответ

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

Ответ

#вопросы_с_собеседований
Является ли использование унарного плюса (оператор "+") самым быстрым способом преобразования строки в число?

Согласно MDN оператор "+" действительно является самым быстрым способом преобразования строки в число, поскольку он не выполняет никаких операций со значением, которое является числом.

3D Orange Switch

Приятный оранжевый анимированный переключатель на чистом CSS.

https://codepen.io/ykadosh/pen/jOwjmJe

#вопросы_с_собеседований
Как следует оформлять страницу, содержимое которой может быть на разных языках?

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

Когда к серверу делается HTTP-запрос, то браузер пользователя обычно отсылает информацию о предпочитаемом языке в заголовке Accept-Language. Сервер может использовать эту информацию, чтобы вернуть версию документа на подходящем языке, если такая возможность есть. В возвращённом HTML-документе обязательно должен быть указан атрибут lang у тега <html>, к примеру <html lang="en">...</html>.

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

Sunrise over still lake

Восход солнца, выполненный с помощью SCSS, без использования JavaScript

https://codepen.io/pehaa/pen/yLVeLNg

#вопросы_с_собеседований
Как рассчитать числа Фибоначчи в JavaScript?

Создать последовательность чисел Фибоначчи – очень популярная задача для программистов. Попробуйте правильно ответить на неё с помощью кода.

Ответ: Последовательность чисел Фибоначчи – это последовательность чисел, где каждое значение – это сумма двух предыдущих, начинается с 0 и 1. Первые семь значений – 0, 1, 1, 2, 3, 5, 8.

Animated Star Rating

Каждая звезда — это радио кнопка, при нажатии на которую задействуются свои CSS-стили.

https://codepen.io/jkantner/pen/BarvVNa

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

Ответ

Section design with hover effect

Адаптивные карточки с красивым анимированным фоном при наведении. Реализованы с помощью CSS и JavaScript.

https://codepen.io/uiswarup/pen/BaaexdO

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

Ответ

Простой и чистый код для отправки уведомлений в браузере, используя JavaScript.

Используйте этот способ в своих проектах.

#Вопросы_с_собеседования

❓Что такое унарная функция?

Унарная функция (т.е. монадическая) — это функция, которая принимает ровно один аргумент.

Задача

Преобразуйте строку по таким правилам:

1) Изменить регистр каждого символа, т.е. нижний регистр в верхний, верхний регистр в нижний. Например, 'FizzBuzz' -> 'fIZZbUZZ'.
2) Изменить порядок слов на обратный. Например, 'pen pinapple apple PEN' -> 'pen APPLE PINAPPLE PEN'.

Примечание:
Количество пробелов должно быть сохранено. Например, для строки 'js css html':
- 'HTML CSS JS' - неправильный вариант
- 'HTML CSS JS' - правильный вариант

Входные данные: строка, состоящая из букв английского алфавита и пробелов.
Выходные данные: преобразованная строка.

Ответ

Mini GSAP Game - A Little to the Right

Мини-игра "Выровнять картину", выполненная с помощью SVG, SCSS и библиотеки GSAP.js.

https://codepen.io/a-trost/pen/jOZXdoP

#вопросы_с_собеседований
Для чего используются операторы break и continue в JavaScript?

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

minimamente.com/project/magic — сборник всевозможных плавных анимаций. Инструкция по установке и применению: github.com/miniMAC/magic

Как подождать, пока определённый порт будет открыт, с помощью npx

Например, вам нужно написать цепочку команд, вы хотите, чтобы сначала полностью поднялся Docker-контейнер, а потом выполнилась команда.

npx wait-port 9000

Эта команда выполнится только тогда, когда что-то откроет порт 9000.
Пакет доступен здесь.